I was introduced to Markdown syntax by chance, and I fell in love with this “lightweight markup language”. Notes, articles, technical review documents, business logic documents, etc. I want to use Markdown to record. After a few searches, I found two Markdown editors that met most of my needs: Typora and Mark Versus.

Currently, I use Mark Vertex when writing Markdown documents that need to be docked with Evernote when I’m a hybrid editor. For other purposes, use Typora. Both editors are nearly perfect, but not perfect. When I’m writing a document, I often need to take a screenshot and paste it directly from the clipboard into the document. Both editors can do this, but the only way to do it is to store the screenshot on the local computer, so once the screenshot is in the document, The cost of moving Markdown documents to another computer to display them on (the images have to be copied along with them) increases considerably.

The only thing I found frustrating about using these editors was how they handled the images in a completely unscrupulous way. After a hard search, I finally found a solution: Picgo +GitHub Graph Bed

Note: In fact, the Typora editor on Mac OS already supports uploading local images or screenshots to a server to generate access links and then storing them in a Markdown document. Simply put, Typora on Mac OS is perfect (😭 but I’m a Windows user).

PicGo introduction

This is a picture uploading tool, currently supports Weibo Tubed, Qiniu Tubed, Tencent Cloud, Youpai Cloud, GitHub and other map bed, will support more map bed in the future.

So the idea is to send a local file, or a screenshot from the clipboard, to a graph bed and then generate a link to an online image, so that Markdown documents can fly and be used wherever you go 😊.

In many map bed, I choose the GitHub map bed, other types of map bed if you are interested in you can try.

Create your own GitHub chart bed

1. Before you can create a GitHub map bed, you need to register/log in your GitHub account

Getting a GitHub account is easy, so I won’t demonstrate it

2. Create the Repository

  • I have already created a repository of the same name, so the first step is shown in red
  • The third step is to initialize a README.md file for Repository. This file can be selected on request, but is not required

3. Create a Token for GitHub Repository

Note: When created successfully, a string of tokens will be generated, which will never be displayed again, so the first time you see it, you should save it carefully

Configuration PicGo

1. Download and run Picgo

2. Configuration chart bed

  • When setting the warehouse name, it should be filled in the form of “account name/warehouse name”.
  • The name of the branch should be filled with “master”.
  • Paste the previous Token here
  • The path to the repository can be written like this, and an “img” folder will be created in the repository
  • The function of custom domain name is that after successfully uploading an image, Picgo will put the link generated by “custom domain name + uploaded image name” on the clipboardhttps://raw.githubusercontent.com/ username/RepositoryName/branch name,, the custom field name should be filled out as follows

3. Shortcut keys and related configuration

Note: Shortcuts can be set to
ctrl+shift+c

conclusion

Once you’ve done this, you can make your Markdown document fly. Press Ctrl + Shift + C every time you take a screenshot. This will turn the screenshot from the clipboard into a link to an online web image.