A chance encounter with Markdown syntax led me to fall madly 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 MAC Dumbo.

At the moment, WHEN I’m mixing the two editors, I use MAC Flyaway when I’m writing Markdown documents that need to be interfaced with Evernote. For documents for other purposes, use Typora. Both editors are nearly perfect but not perfect. I often need screenshots to write documents, and then paste them from the clipboard to the document. Both editors work just fine, but they store screenshots on the local computer, so once I have them in the document, The cost of moving the Markdown document to another computer for display (and copying the images as well) increases dramatically.


This is Typora’s solution to images

This is the solution to the picture in Makembo

The only thing I found frustrating about using these two editors was the way they handled images. Hard search, finally let me find a solution: PicGo+GitHub map bed

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

PicGo introduction

This is a picture uploading tool, currently support Weibo map bed, seven niu Map bed, Tencent Cloud, you shoot cloud, GitHub and other map bed, the future will support more map bed.

So the idea is to send a screenshot from a local file or clipboard to the map bed, and then generate a link to the online image, so that the Markdown document can fly up and use 😊 wherever you go.


Map bed supported by Pic Go

Among the many graphic beds, I choose the GitHub graphic bed, other types of graphic beds if you are interested can try.

Create your own GitHub map bed

1. Before creating a GitHub bed, you need to register/log in to GitHub

Setting up a GitHub account is so easy that I won’t demo it

2. Create the Repository


Click the “New Repository “button

Step 1234 is executed

  • I have already created a repository with the same name, so the first step will be shown in red
  • Third, initialize a readme. md file for repository. This is optional and optional

3. Generate a Token to operate GitHub Repository


Go back to the home page and click the “Settings” button

After entering the page, click the “Developer Settings “button

Click the “Personal Access Tokens “button

Creating a New Token

Fill out the description, select “Repo” and click on the “Generate Token “button

Note: A string of tokens will be generated after a successful creation. This string will not be displayed later, so save it when you first see it

Configuration PicGo

1. Download and run PicGo


After downloading the ZIP package, decompress it and run the executable file

2. Configure the map bed


As shown in figure configuration

  • When setting the warehouse name, fill in the format of “account name/warehouse name”.
  • Set the branch name to master.
  • Paste the previous Token here
  • The storage path can be written as I did, creating an “img” folder under repository
  • The function of custom domain name is that PicGo will put the access link generated by “custom domain name + uploaded image name” on the clipboard after uploading the image successfullyhttps://raw.githubusercontent.com/ username/RepositoryName/branch name,, the custom domain name needs to be filled in as follows

3. Shortcut keys and related configurations


It can be configured as follows

Note: You can set the shortcut key to CTRL + Shift + C

conclusion

Once you’ve done all the steps above, you can make your Markdown document fly. After each screenshot, press CTRL + Shift + C to convert the screenshot from the clipboard to an online photo link.