VSCode+PicGo+Github build free Markdown map bed

When you are writing markdown documents, do you have trouble with online pictures without purchasing OSS storage resources, and find unstable picture resources deleted after uploading to others’ picture beds? Lead others to make their own stable picture beds.

Vscode is a highly extensible editor with a wealth of plugins that are very useful as a Markdown editor after downloading the Markdown All in One plugin. You can preview, syntax support is very good, the only drawback is that you can’t upload images, so every time you write a blog, you have to cut to the website to paste images and copy and link back, which is very troublesome.

Making set

The sign-in

Website: github.com

Create a warehouse

Click “+” to create a New Repository

Set the repository name ———— set it to public ———— Create the initialization file ———— Next

Generate token personal access token

1. Generate SettingsSettings

2. Developer SettingsDeveloper settings

3. Personal access token ———— generates a new token

4. Fill in the information

5. Copy the token keyOnly show once, remember to save!! If you forget, just create a new one

PicGo

Download and install

  • Download from molunerfinn.com/PicGo
  • Github address: github.com/Molunerfinn…

configuration

  • Set the warehouse name:Username/repository name
  • Set the branch name: the default was previouslymasterAnd is nowmain
  • Set Token: is the section of Token key just copied
  • The following two are optional

VScode configuration

As with PicGo Settings

Jsdelivr CDN to accelerate

Custom domain name

Github links by default are sometimes unstable. After all, they are external

https://raw.githubsercontent.com/ username/warehouse/branch

Now we modify it to CDN accelerated

https://cdn.jsdelivr.net/gh/GitHub username/warehouse

Finally, how to obtain image resources

Warehouse in github designated folder, resources obtained by CDN accelerated link, can be used in PicGo click copy

PicGo can be configured to set up convenient keyboard operation

Copy out after the CDN to accelerate links: cdn.jsdelivr.net/gh/fqcto/im…