When writing blog posts, uploading and storing images is a problem. We may publish the same article on different platforms, so each platform must upload images. In order to solve these problems, the approach is to upload the images to an online third-party static resource library. We call this resource library a picture bed. It returns the URL of an image, uses markdown+图片url to write an article, and then you can directly use the link to introduce the image. Finally, you can copy the entire article and no longer have to worry about pictures.
introduce
PicX is an image bed management tool developed based on GitHub API. Image external links use jsDelivr for global CDN acceleration. Free, stable and efficient. No need to download or install, you only need a GitHub account and you can configure and use it by opening the website, easily solving the problem of image hosting.
A total of 3 steps to complete the setup
- Create a GitHub repository
- Get GitHub Token
- Configure the image bed
Network:picx.xpoet.cn/
Repository:github.com/XPoet/picx
Documentation:github.com/XPoet/picx/…
1. Create a GitHub repository
Create a GitHub repository for storing images. The repository attribute must be Public.
Click the link https://github.com/ Quickly create a new warehouse
2. Create GitHub Token
PicX’s picture bed service depends on GitHub Token. Before starting to use it, you must first create a GitHub Token with repo permissions.
Click https://github.com/settings/tokens/new Quickly create a new GitHub Token
After we fill in the name and check the repo option, we can then directly click the Generate token button to generate a token, as shown below:
Note: What this means in English is: Make sure to copy your personal access token immediately. You won't be able to see it anymore! Then if it disappears, just generate a new one.
3. Configure the image bed
1) One-click automatic configuration
Fill in the GitHub Token and click the "One-click automatic configuration" button to automatically create a GitHub warehouse and complete the binding between warehouses, branches and directories.
- One-click automatic configuration > Created warehouse: picx-images-hosting
- One-click automatic configuration > Created branch: master
- One-click automatic configuration > Created directory: yyyyMMdd (today’s date, for example: 20230403)
If you are just starting to use PicX, it is recommended to use one-click automatic configuration, which is very convenient. Of course, you can also switch to manual configuration at any time.
2) Manual configuration
Fill in the Token just generated on Github and click to confirm the Token. The warehouse under this user will be automatically obtained.
If the warehouse you are bound to has multiple branches, then a drop-down list of branch selection will appear, otherwise you will go directly to the selection directory.
Select one of them in multiple branches. PicX currently does not support creating new branches, and you need to create them manually. There is only one branch case, no branch drop-down list.
- Create a new directory: You need to manually enter a new directory.
- Root directory: Images will be stored directly in the root directory of the warehouse.
- Automatic catalog: Automatically generate a catalog with date format YYYYMMDD. For example: 20230526
- Select warehouse directory: automatically obtain all directories under the warehouse, just select one.
At this point, the image bed configuration is completed, click the "Confirm" button to jump to the image upload interface.
What if you want to classify the pictures?
This is also very simple. Create a new folder and upload it again. When you want to upload to this folder next time, we check and select the warehouse directory in the directory mode, and the file you created will be displayed. All folders. Then make your selection.
https://qxienote.com/
4. Upload pictures
In the image upload interface, you can use these three methods: drag and drop files, copy and paste, and select files to select your images to the upload area.
- You can drag one or more pictures to the upload area.
- You can first copy an image (shortcut key Ctrl+C / Command+C) to the system clipboard, and then paste the image into the upload area by pressing the shortcut key Ctrl+V / Command+V in the PicX upload interface.
- You can select one or more pictures to upload area.
After selecting the picture, you can freely modify the picture name before uploading.
Seeing hash, adding a series of hash values in the picture name to ensure the uniqueness of the picture name, and it is strongly recommended to open.
After the image is uploaded successfully, the image link will be automatically copied to the system clipboard. You can also click the "Copy Link" button to copy.
5. Image bed management
Click on the image bed management in the left menu bar, we can see that the current directory is the one we selected 2230526
Double-click the directory icon to enter the next level directory, click on the picture to enlarge the preview.
Supported operations:
- In the properties panel, you can view the image name and image size.
- After typing the new name in the rename input box, press Enter to confirm.
- Delete a single picture/delete multiple pictures in batches
- Copy/batch copy links
6. My settings
In the My Settings interface, you can experience the rich and colorful functions of PicX and adjust the best configuration according to your needs.
reference
- Use PicX to create a free picture bed artifact:https://juejin.cn/post/6991273636493524999
- 图床配置：https://picx-docs.xpoet.cn/usage-guide/config.html