202203011555 Obsidian setup

General idea

This Obsidian.md note collection is meant to be published online. It's being published to gilles.is. The note collection is shared between my devices using a Github repository which is configured through Netlify, so whenever the repository updates, a new version of the website is build.

Blog @ gilles.is

#netlify #gatsby

Netlify, completely free of charge.

Image uploads

#cloudinary

CDN or Content Delivery Network is used to store and optimize the images used in the notes. Github is not meant to store images at a large scale. Also, the storage capacity of Github is limited, therefor, we'll rely on the free tier of Cloudinary which allows us to store 25 GB of images at no charge.

To upload an image, the following command can be used.

curl -X "POST" "https://api.cloudinary.com/v1_1/gilles-is/image/upload" \
     -H 'Content-Type: multipart/form-data; charset=utf-8; boundary=<MULTIPART-BOUNDARY>' \
     -F "file=<IMAGE-CONTENT>" \
     -F "upload_preset=obsidian"

The Obsidian.md plugin obsidian-image-uploader is used and configured to use Cloudinary to upload images and replace the local reference with the uri of the uploaded file. In the Managment Console of Cloudinary a "Upload preset" is configured using the name obsidian and mode Unsigned, which means no authorization is required to upload images to Cloudinary.

![[Pasted image 20220302154600.png]]

The following settings are applied in Obsidian.md

![[Pasted image 20220302155346.png]]

title:[obsidian-image-uploader](https://github.com/Creling/obsidian-image-uploader) not working
The plugin is not working in the new editor (CodeMirror 6)

To make the plugin working, the guideline and insights at Github should be followed. See the CodeMirror documentation as well. Another, more popular plugin, also suffered from compatibility issues after updating to the new editor (CodeMirror 6). The issue is discussed here.

Similar story?

The following list contains an overview of all zettels that have been created with the same tags assigned.

list
from #zettel