Small knowledge, big challenge! This article is participating in the creation activity of “Essential Tips for Programmers”.

preface

  • Online music poke me ah!
  • Music blog source code online!
  • Yesterday I suddenly had a conversation with brother B: Evernote MD syntax support is just ok. Typora wrote md Xiang ~
  • I’m used to writing md locally, but I think I might need to read documents when I work from home, and then sync to the online platform.
  • Inner activity: write MD locally with Typora, click the button to upload to the platform.
  • Final decision: Typora + Git management
  • To use Typora, Typora must first support graph beds.
  • Next, we will share how to build and the problems we may encounter.
  • Are you ready?

Dad recently went to Yunnan to travel, I love.

Usually, when writing notes or blogs, pictures are usually inserted. Since pictures of Typora can only be saved locally, changing pictures will not be accessible, so the existence of a picture bed is needed.

Typora+PicGo set GitHub map bed

  • What kind of chart beds do you have?

  • Typora + Gitee build map bed?

A, what are the map bed?

1.1 SM. MS

Address: sm. Ms

Free, support batch upload, multi format, support HTTPS map bed tool.

Advantages: HTTPS, no need to prepare domain names, supports batch uploading, and supports multiple image address formats (markdown, HTML, and BBCode).

Disadvantages: the maximum file size is 5M, and a maximum of 10 files can be uploaded at a time.

The supported file size is too small, I want a large one.

1.2 Tencent Cloud COS

Website: cloud.tencent.com

Introduction: Tencent cloud provides a free picture storage function.

Advantages: Provides interfaces for developers to connect to their own systems.

Disadvantages: only free use for 6 months, space, size, flow are limited.

B: It’s only free for six months. I’m sure I’ll need it longer.

1.3 the microblogging

Due to the upgrade of weibo technology, the pictures of Weibo chart bed can no longer be referenced, so please do not use weibo chart bed.

Okay, not you.

1.4 seven NiuYun

Website: www.qiniu.com/

Qiniuyun is a domestic enterprise-level cloud service provider. After registration and certification, it has 10G permanent free space, 10G domestic and 10G foreign traffic per month, which is quite fast. Qiniuyun is a professional CDN service provider in China. In addition, you can customize the domain name. By default, the system assigns a test domain name. The test domain name can be used for only 20 days.

Advantages: free 10G per month, pictures temporarily unlimited, provide open interface, developers can connect to their own system.

Cons: You have to pay separately if you want to use HTTPS.

Note: Qiuniuyun will recall the test domain name after 30 days, so you must bind your own registered domain name

Before writing koA2 upload picture sync seven cow cloud storage this article, interested partners can prod it.

Because beforeOnline musicMusic files stored in seven niuyun, resulting in not paying attention to the deduction of money, so ran away has not dared to use it. It doesn’t take me out of service.

1.5 ImgUR

Website: imgurl.org

ImgURL was launched in December 2017. It’s an open source image management system developed using PHP + SQLite3. You can deploy it yourself or use ImgUR’s online service.

Advantages: You do not need to prepare an independent domain name, support HTTPS, and upload the image address in multiple formats.

Disadvantages: only one picture can be uploaded, which is relatively slow. Tourists can only upload 30 pictures per day, and each picture can not exceed 5M. It needs to be used carefully.

Upload is slow, slow, I want fast.

1.6 Ali Cloud OSS

Address: www.aliyun.com/product/oss

Description: it is said to be a picture storage tool of Ali open source, supporting Ali, JINGdong, Sogou and Qihoo storage sources.

Advantages: Free, you do not need to prepare your own domain name, HTTPS support.

Disadvantages: only single upload, upload sometimes not too stable, upload the picture address is not convenient to copy.

Unstable, no.

1.7 take the cloud again

Address: www.upyun.com

Introduction: After registration and certification, 10G permanent free space, 15G HTTP and HTTPS traffic per month, provide two SSL certificates that can be renewed for free, but users need to join the Youpaiyun Alliance logo information.

Advantages: pictures are temporarily unlimited, there are free SSL certificates, provide open interface, developers can be connected to their own systems.

Disadvantages: the use of domain name need to record.

Need to bind their own registered domain name, and shoot cloud authentication is more troublesome.

1.8 pass by

Website: imgchr.com

Description: Support free registration upload pictures, permanent storage, support HTTPS encryption access and call pictures, provide a variety of image link formats.

Advantages: HTTPS, no need to prepare domain names, supports batch uploading, and supports multiple image address formats (markdown, HTML, and BBCode).

Disadvantages: file maximum 5M, after uploading the picture address, the user interface effect is not very good.

The user interface isn’t very good, and I’m a Beautiful guy.

1.9 the aggregation

Website: www.superbed.cn

Brief introduction: Distribute pictures to multiple backup, with the help of its own CDN acceleration function, save server traffic, and do not worry about the picture is deleted, even if some of the pictures on the bed was deleted, there are other backup, ensure fool-safe, support anonymous and registration management.

Advantages: powerful, support custom domain name, HTTPS, function and qiniuyun similar.

Cons: The free version has a limit of 1,000.

It’s only 1k, not enough for the files behind me.

1.10 making

Website: github.com

GitHub is the world’s largest code hosting platform, with over 50 million developers using it.

Advantages: Powerful features.

Disadvantages: To climb the wall.

Get over the wall or it’s you.

1.11 Gitee

Address: gitee.com/zhengzem/bo…

Gitee.com(Code Cloud) is a code hosting platform launched by OSCHINA.NET, which supports Git and SVN and provides free private repository hosting. More than 6 million developers have chosen Gitee.

Advantage: No need to climb walls.

Faults: undiscovered.

looking for him for thousand times in the crowd. Suddenly look back, that person is in, lights dim. That’s you.

Two, Typora + Gitee build map bed?

2.1 Setting Typora image

Open the Typora software

File -> Preferences -> Image

Select upload picture, upload service will appear below, select PicGo (APP), download PicGo

Once downloaded, select the PicGo download directory.

2.2 Downloading PicGo software

Github: github.com/Molunerfinn…

Download is also a particular skill, at first download the latest version, how to try, many methods reported error, finally found 2.2. Version succeeded.

Github address: github.com/Molunerfinn…

Various environment versions are available for download.

If you can’t climb the wall, or download slowly, baidu cloud link is provided here:

Link: pan.baidu.com/s/1yLLChOur… Extraction code: W1EO

The software is downloaded successfully, and the interface is as follows:

2.3 Create a warehouse on Gitee and obtain the token

Liverpoolfc.tv: gitee.com/

2.3.1 Creating a public repository

2.3.2 Creating a Service

2.3.3 Obtaining a Token

Click on the upper right corner to access personal Settings

Click on the upper right to generate a new token

Because it is used only as a graph bed, you can select only some permissions

Note that a private token description is required

Click Submit and input your account password to generate

2.4 PicGo local configuration

The PicGo software is downloaded, the Gitee repository is built, and the token is available. The next step is to configure the PicGo software.

2.4.1 Installing Gitee-Uploader Map bed

Since PicGo does not have a Gitee map bed, we will install Gitee-Uploader in the plug-in Settings.

2.4.2 Configuring a Gitee Map Bed

  • Repo: The name of the warehouse, which must be preceded by its Gitee name.

  • Branch: indicates the name of the main branch or branch.

  • Tokens: We have just created tokens on Gitee, see 2.3.3 Obtaining token.

  • Path: indicates the folder to be uploaded.

  • Other options: Leave this blank.

Now after we complete the configuration, directly copy the file in Typora software, drag the image in, will generate online link image.

The results are as follows:

The last

At first, I was also used to write MD locally in the company, but I thought that I might need to read the documents written by the company when I typed code at home, so EVERY time I changed a little document in the company, I had to synchronize it to the online platform. It’s very troublesome.

Now it’s easy to pull and push a document as a Git project. Let Typora support the following bed to solve the problem of image synchronization.

Some people may ask, well, isn’t there a lot of problems if you document directly on the platform?

Because md syntax is written on the platform, I don’t think the support is better than Typora, like Evernote, Wordfinch, etc.

I initially thought of minio as a map bed, since online music is also using Minio as a file service.

Later, the big guy said: build a lot of private pits, so we gave up. Start with an existing Gitee chart bed.

If it helps, your likes are my lubricant.

Related literature

Check out what are the free graphic bed tools available in China

Code cloud +Typora configuration map bed

In the past to recommend

Minio unified management files (real JS, JAVA)

Multi-picture detailed explanation, one time to understand the prototype chain (ten thousand words)

Lao Shi said that everything is the object, you also believe?

Vue-cli3 builds the component library

Vue implements dynamic routing (and the interviewer blows project highlights)

Axios manipulation in a project you didn’t know about (Core principles of handwriting, compatibility)

VuePress builds project component documentation

Vue-typescript-admin-template background management system

The original link

Juejin. Cn/post / 701959…