Preface
In the past, I wrote an article about using docker to build a personal image hosting service based on chevereto. However, if you use the most basic method mentioned in the article, which is to directly use chevereto's web page to upload images and then get the URL from the image properties, this would be very inefficient, and most people wouldn't do it this way. Generally, the normal practice is: you directly use your commonly used editor to write articles, and when you need to insert an image at a certain position, you directly use a screenshot tool to take a screenshot, and then directly paste the image in the editor, and the image will be automatically uploaded to the image hosting service and generate an image link in the corresponding format at that position.
To achieve this effect, three prerequisites are required: an existing image host (Chevereto in this article), PicGo installed locally, and a commonly used Markdown editor for writing articles that supports automatic clipboard uploading and uploader settings.
Set up Chevereto
There are not many settings in Chevereto, mainly modifying the ”$uploaded_id” parameter in route.api.php (for details on how to pre-mount the route.api.php file when creating the Chevereto container, please refer to my other article:Docker Series: Using Docker to Build Your Own Image Hosting Service Based on Chevereto)）：
The code is as follows:
$uploaded_id = CHV\Image::uploadToWebsite($source, 'test', array('album_id'=>3));
The main task is to modify the username (the "test" above) and the album ID (the "3" above): the username is the one you use to log into Chevereto, and how to obtain the album ID is also detailed in the article mentioned above.
The reason for modifying uploaded_id is that, by default, when PicGo uploads images through Chevereto's API, they are only uploaded to the guest album. However, we certainly want them to be uploaded to a specific album under a certain username, which is why we need to modify it as needed.
Next is obtaining the API key, located under the ”Dashboard” - “Settings” - “API” path, as shown in the following images:
The red-boxed part is the API key:
Set up PicGo
First, install the corresponding PicGo app based on your desktop operating system. I installed the Mac version. Search for "chevereto" in the plugin settings on the main interface; I installed the "chevereto 1.1.0" highlighted in the red box:
Under the image host settings, fill in your personal image host information in the ”Url” and "Key" fields of the red-boxed "Chevereto Uploader". The Key is the API key from the end of the previous section, and the URL format is as follows:
https://example.com/api/1/upload #地址部分就填写你的chevereto图床的公网域名或者IP，有端口的在域名后面用:port的方式添加
As shown in the figure below:
Finally, configure the settings in the red box in the PicGo settings. You can configure other options according to your own needs:
This completes the setup for PicGo.
Obsidian Settings
The setup in Obsidian is also simple. First, install the ”Image auto upload Plugin” highlighted in the red box from the community plugins:
Then, configure the settings in the red box within the plugin you just installed:
Summary
After the simple setup above, in the future, you only need to take a screenshot and paste it directly while writing articles in Obsidian to generate image links at the designated location. For example, this article was written in Obsidian, and the image effect is as follows:
Note: The uploader for the Image auto upload plugin in this article uses the PicGo (app) method. This method requires installing the PicGo app; essentially, Obsidian calls the API provided by the PicGo app through the plugin. There is also another uploader, PicGo-core, which is not a desktop application with a GUI, but a Node.js-based upload engine. All image host upload logic is executed by it, and the plugin only needs to call it directly. The advantages are: lightweight, direct, independent of local apps, can even run in headless server environments, and offers higher stability. Interested readers can refer to another article:Tips & Tricks Series: Obsidian Automatic Image Upload: PicGo-Core Integration with Chevereto Image Host in Practice。