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

preface

I’ve been blogging for over a year, and I’ve been blogging in rich text for the last six months. Until I met some bloggers and heard that they were writing Markdown blogs. As a result, I abandoned rich text mode, which I found really hard to use.

The first problem with getting into Markdown mode is graphics, because you have to post urls. I didn’t think much at that time, because they were all using the blog platform, just need to copy the picture into the line, also very convenient.

Later, I heard that there was a chart bed, but because I was lazy, I didn’t go to play. Recently, for a variety of reasons, I tried to build, and here is the process of building.

Set up to prepare

The following media are required: Typora + PicGo + Gitee/GitHub, free!

Typora

Typora is a markdown editor that supports almost all markdown formats.

Supports macOS, Windows, and Linux operating systems, and can be downloaded from www.typora.io/.

MacOS can also be installed directly from Homebrew: brew Install Typora.

PicGo

PicGo is a tool for quickly uploading images and obtaining image URL links. It is also a magic tool!

Supports macOS, Windows, and Linux. You can download it from github.com/Molunerfinn…

MacOS can also be installed directly through Homebrew: Brew Install Picgo.

Gitee/GitHub

Gitee/GitHub are both code hosting platforms, free private repositories, no capacity limits, code writers know?

You’re asking me which one is better? I can only say, the domestic old honest practical Gitee bar!

Set up steps

Next we set up, making sure the above software is installed and a Gitee/GitHub account is registered.

Gitee/GitHub creates a map bed repository

Create a map bed repository on Gitee/GitHub to store your images.

Gitee steps

1. Create a map bed repository

First go to your Gitee home page and click New Warehouse to create a warehouse.

As shown below, enter your warehouse information, it must be open source, otherwise you cannot upload the image.

2. Generate private Token tokens

Go to Personal Settings –> Private Token:

Click + Generate New token to generate a private token:

Fill in the description, then submit, enter your Gitee account password, Token closed page will not be displayed, so you need to record Token.

At this point, the Gitee configuration is complete.

Making steps

Premise: GitHub is similar to Gitee, preferably 🪜, otherwise it is not recommended to use GitHub, the following is just a demonstration of how to use it.

1. Create a map bed repository

Here is similar to Gitee, just fill in the relevant information.

2. Generate private Token tokens

Open github.com/settings/to… Generate new token Create a private token:

Select indefinite and check repO:

Also, keep your tokens:

Github has been configured.

Configuration PicGo

GitHub Map bed configuration

Open the PicGo details window and fill in the GitHub map bed repository information as prompted:

This one is simple, no explanation, trust your intelligence, in a minute.

Gitee Map bed configuration

Since PicGo does not support Gitee natively, it requires plug-in installation.

Click on plug-in Settings, search for Gizee-upload, and click Install.

Note: Pre-installation is required herenode.jsOtherwise, it cannot be installed!

After the plug-in is successfully installed, restart PicGo and then configure Gitee:

The configuration is similar to that of GitHub.

After the above configuration, the chart bed has been built successfully, and you can upload pictures to test it:

Click upload image and copy it to markdown editor for viewing.

Configuration Typora

Why is Typora configured? Of course, for convenience, you can’t upload pictures manually every time, and then copy links, just need to configure Typora to achieve automatic uploading of copied pictures.

Configure as above, select picgo. app when inserting pictures! It’s that simple

To test the final effect, directly screenshot the current interface, upload and paste:

You can find that it has been automatically uploaded!

Write in the last

In general, the setup process is not difficult, just need to understand the simple use of the software.

Finally have their own chart bed, no longer afraid of the website hanging pictures do not show, the most important is also to watermark!

This is the end of sharing ~

If you think the article is helpful to you, please like it, favorites it, pay attention to it, comment on it, and support it four times with one button. Your support is the biggest motivation for my creation.

❤️ technical exchange can follow the public number: Lucifer think twice before you do ❤️