Preface

I have written 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, that is, directly upload the image using the Chevereto web page and then get the URL from the image properties, it will be very inefficient and most people will not do this. The normal way is: you directly use a common editor to write an article. When you need to insert an image at a certain location, you can directly use the screenshot tool to take a screenshot, and then paste the image directly in the editor. The image will be automatically uploaded to the image hosting service and a corresponding image link will be generated at that location.

To achieve this effect, three prerequisites are required: a ready-made image hosting service (chevereto in this article), PicGo installed locally, and the markdown editor commonly used for writing articles supports automatic clipboard uploading and uploader function settings.

Setting up chevereto

Chevereto doesn't have many settings; the main thing is to modify 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 see my other article).Docker series uses Docker to build your own image bed based on Chevereto)）：

The code is as follows:

$uploaded_id = CHV\Image::uploadToWebsite($source, 'test', array('album_id'=>3));

The main thing is to modify the username (test above) and the album id (3 above): the username is the username you use to log in to chevereto, and I have also introduced in detail how to obtain the album id in the article mentioned above.

The reason for modifying uploaded_id is that by default, when PicGo uploads pictures through the chevereto API, it will only be uploaded to the guest album, and we definitely want to upload it to a specific album under a certain user name, so we need to modify it as needed.

Next is obtaining the API key, which can be found under "Dashboard" - "Settings" - "API", as shown in the following images:

The red box is the API key:

Setting up PicGo

First, install the corresponding PicGo APP according to your desktop operating system. I installed the Mac version. Search for chevereto in the plug-in settings in the main interface. I installed chevereto 1.1.0 in the red box:

In the image hosting settings, under the "Chevereto Uploader" section (highlighted in red), enter your personal image hosting information for both the URL and Key. The Key is the API key mentioned at the end of the previous section. The URL format is as follows:

https://example.com/api/1/upload # For the address part, fill in the public domain name or IP address of your chevereto image hosting service. If there is a port, add it after the domain name using the format of :port

As shown below:

Finally, make the following configurations in the red box in PicGo settings, and set other options according to your needs:

This completes the PicGO setup.

Obsidian Settings

Setting up Obsidian is also simple. First, install the "Image auto upload Plugin" highlighted in red in the third-party plugins section:

Then perform the following configuration in the red box in the plug-in you just installed:

Summarize

After the above simple settings, you only need to take a screenshot and paste it when writing an article in Obsidian, and you can generate a picture link at the specified location. For example, this article is written in Obsidian, and the picture effect is as follows:

Note: The Image auto upload plugin in this article uses the PicGo (app) uploader. This method requires the PicGo app to be installed; essentially, Obsidian uses the plugin to call the API provided by the PicGo app. There is another uploader, PicGo-core. This is not a desktop application with a user interface, but an upload engine based on Node.js. All image hosting upload logic is executed by it, and the plugin only needs to call it directly. Its advantages are: lightweight, direct, not dependent on a local app, and can even run in a headless server environment. It also has higher stability. Interested readers can refer to another article:Obsidian: Automatic Image Upload: PicGo-Core Connected to Chevereto Image Hosting.