This article has participated in the “Digitalstar Project” and won a creative gift package to challenge the creative incentive money.

❤️ Improve the quality and speed of writing required skills: Typora map bed configuration [Windows version]

📢 preface

  • I heard it when I was writing the articleFigure bedTo write a blog, but never knewFigure bedWhat the hell is that
  • Recently, for some reason (XXX), THIS reminds me againFigure bed~
  • So just a simple configuration of their own, write a tutorial to record their own howConfiguration figure of bed!!!!

🌲 Map bed introduction

Map bed: map bed generally refers to the storage of pictures of the server, there are domestic and foreign points. Due to the spatial distance and other factors, the slow access speed affects the image display speed. In China, it is also divided into single line space, multi-line space and CDN acceleration.

Simply put, it’s an online space where you can upload pictures

Because when we write something locally, like using a World document, when you drag in a couple of photos from the local World document, the World document is visible at the moment, but let’s say when you want to put it in CSDN for some reason, the image doesn’t show up.

So we need to use this map bed configuration to upload images to a web space so they can be copied everywhere!


🌲 Typora profile

Speaking of map beds, we definitely need a Markdown editor.

Typora is a cross-platform Markdown editor. The advantage of using Markdown editor to write articles is simple typeset, but the pain point is that it is impossible to directly embed pictures like Word. The inserted pictures are actually inserted into the path of the picture (either local path or network path).

The advantage of using network paths is that documents can be browsed cross-platform across devices and require a bit of configuration before being used

So HERE I use two schemes to configure the graph bed, let’s take a look!


🌟 Method 1: Picgo-core (Command line) + Gitee repository

This method uses the picgo-core (Command line)+ Gitee repository scheme

Picgo-core is a plug-in built into Typora, which is different from PicGo software.

Divided into the following steps, let’s have a look!

  1. 🏳️🌈 Install Typora software (official website);

  2. 🏳️🌈 Download picgo-core (Command line) plugin in Typora;

  3. 🏳 ️ 🌈 installation Node. Js

  4. 🏳️🌈 Install the Gitee chart bed plug-in with Picgo;

  5. 🏳️🌈 Modify the Picgo configuration file


🏳️🌈1. Install Typora

Typora is easy to install on any platform, just go to the official website to download

Official website download address

Very simple to download, download directly click install, select a folder!


🏳️🌈2. Download the Picgo-core (Command line) plug-in from Typora

Open Typora and go to File – Preferences – Image.

Select the options when inserting pictures as shown in the picture below, and select Picgo-Core (Command Line) in upload service Settings, and click download or Update button to download the plug-in;


🏳 ️ 🌈 3. Installation Node. Js

To install the plug-in, you need to make sure that node. js is already installed on your computer. You can enter Node -v in CMD to query.

If not, download and install it from the official website of Node.js. After downloading, find a usual place to install software on the installation of good, without what configuration!

Because I did not configure this step, so the next step to install gitee map bed plug-in has been failed!!


🏳️🌈4. Install gitee map bed plug-in with Picgo

This step requires finding the picgo binary file you downloaded in step 2, with slightly different file names for different systems:

Windows system in C:\Users\ User name \AppData\Roaming\Typora\ Picgo \win64\ folder, file named picgo.exe;

In Windows, run.\picgo.exe install gitee-uploader in the path that contains the picgo.exe file

If the result is as follows, the plug-in is successfully installed!


🏳️🌈5. Create a repository for gitee private token acquisition

The private token can be configured in Gitee’s Settings

If you don’t have Gitee, you have to register for one.

Then create a new warehouse, simply change the name, preferably all English lowercase!

Set the permissions to open source, i.e. visible to all!

Then create the repository directly, remember the repository name and path, which will be used in the next configuration file

Now that the repository is created, it’s time to get the private token!

The simple process is as follows:


🏳️🌈6. Modify the Picgo configuration file

Re-open preferences – Open profile, picgo profile will be automatically opened at this time, the correct configuration will automatically upload pictures to Gitee

The file can be modified as follows:

{
  "picBed": {
    "current": "gitee"."uploader": "gitee"."gitee": {
      "branch": "master"."customPath": "yearMonth"."customUrl": ""."path": "Folder under the warehouse."."repo": "User ID/warehouse name"."token": "Private Token requested on Gitee"}},"picgoPlugins": {
    "picgo-plugin-gitee-uploader": true}}Copy the code

Description of the configuration file:

  1. currentFor the current graph bed, uploader stands for the graph bed used for uploading, here both are set to gitee;
  2. masterThe main branch, usually used as a map bed, is a separate warehouse, so keep it master;
  3. pathIs the folder under the warehouse;
  4. tokenFor a private token, you need to apply for it on gitee website. The applied token only appears once. Click the copy button to paste it into the configuration file.
  5. All the plug-ins you use should be in thepicgoPluginsContains and is set to true. Only the Gitee plug-in is used here

Note here that there are only three things we need to change: path, REPO, and Token

Path is a folder in the Gitee repository, we created it ourselves!

Repo is the name of the repository. If there is a repository named A, the image is stored in the b folder under the repository, and your user ID is C (the string before the repository name in the browser address bar), then path is B and repo is C /a.

The token is then changed to its own private token (obtained in the previous step)


🏳️🌈7. Upload pictures to test

After configuring the above step, upload a test image directly to Typora

Find links to images become http://gitee.com… The configuration is successful

Then copy the image + link directly to CSDN to test it

If the result is as follows, the configuration is successful.


🌟 Method 2: Picgo (APP) + Gitee warehouse

This method is not that different from the first one, except that in the preferences, it’s picgo(app) instead of Picgo-core (Command line).

Let’s take a look at the configuration steps.

  1. 🏳️🌈 Install Typora software (same as the first, not to be described here)
  2. 🏳️🌈 Download the Picgo software
  3. 🏳 ️ 🌈 installation Node. Js
  4. 🏳️🌈 Create a Gitee repository and obtain the token (same as the first one, not to be described here)
  5. 🏳️🌈 Configure the Gitee plug-in
  6. 🏳 ️ typora 🌈 configuration

🏳️🌈1. Install Typora

Same as the first method, go to the official website to download and install


🏳️🌈2. Download Picgo

PicGo download address

Just click on the url, go to this one and download the Windows version

Download finished directly to find a folder, all the way the default installation is good!


🏳 ️ 🌈 3. Installation Node. Js

And the first method in the same, do not repeat, go to see it directly!


🏳️🌈4. Create a Gitee repository to obtain the token

And the first method in the same, do not repeat, go to see it directly!


🏳️🌈5. Configure the Gitee plug-in

After installing PicGo, open the software

Then click on plug-in Settings, search: gitee, and install! The following

Then you will find that you already have a Gitee chart bed, and then configure it!

Just configure three places and add them directly. They are your Gitee ID, warehouse name and Gitee private token

As follows:

The best is to configure the Server, set up the port, as the following can be!


Typora 🏳 ️ 🌈 6. Configuration

Open file – Preferences, select PicGo(app), path is to install PicGo folder, select picgo.exe can!

And you’re done!

Upload pictures to test it out! As shown below, the configuration is successful!

Then the Gitee repository will also display all your successfully uploaded images, as shown below!


💬 summary

Well, this article summarizes two ways to configure a graph bed using Typora + Gitee

In fact, the method is not very different, but the difference is that the first can not download PicGo this software, but also need to download plug-ins!

Configuration methods are also very simple, self-feeling said or quite detailed!

The Markdown editor format is supported by many platforms, and can be uploaded to any platform after writing.

Also have their own chart bed online space, this function for often write small partners is highly recommended!

After writing an article, you can also send a multi-platform article, very Nice! Don’t hurry up three even collect a wave!


But I also ran into a problem when I used it

When I drag the uploaded picture in again, it shows that the upload failed. I don’t know why!

If you have a solution, you can leave a comment in the comments section.

That’s all for this article. See you next time!