引言

现在写文章时有很多在线编辑器,并不是特别简洁好用,Typora这个markdown编辑器给我们了一个更好的选择,但是编辑后文章中的图片管理起来很麻烦,尤其是如果想要把文章发布到多平台;这时我们就需要有一个图床来存放文章中的图片,这里就教大家如何使用PicGo、Gitee和Typora构建在线markdown图床;

准备工作

首先需要下载Typora软件,官网在这里:传送门

然后需要注册一个Gitee账号,Gitee网站:传送门

这里使用Github也可以,但是GIthub有时不稳定,所以建议使用Gitee;

Gitee设置

首先需要创建一个仓库来存放我们文章的图片

[小技巧]PicGo、Gitee和Typora构建在线图床-编程知识网

这里需要注意几点:

  • 仓库名称不能出现空格,单词间以下划线连接-

  • 初始化仓库时只能设置为私有,所以一会需要改成公有仓库

  • 最好设置一个readme模板

然后直接创建就行了,创建好了之后设置开源:

[小技巧]PicGo、Gitee和Typora构建在线图床-编程知识网

设置好后,在仓库创建一个文件夹:

[小技巧]PicGo、Gitee和Typora构建在线图床-编程知识网

创建好了之后Gitee仓库的初始化就已将完成了,接下来需要创建一个私人令牌:

进入设置界面,找到私人令牌:

[小技巧]PicGo、Gitee和Typora构建在线图床-编程知识网

创建好后会得到一串数字,复制记住这串数字,后面会用到:

[小技巧]PicGo、Gitee和Typora构建在线图床-编程知识网

PicGo设置

PicGo:是一个用于快速上传图片并获取图片 URL 链接的工具,使用它的另一个原因是Typora支持该软件的上传操作;

首先下载PicGo,传送门

然后打开详情界面,先下载插件:

[小技巧]PicGo、Gitee和Typora构建在线图床-编程知识网

重启软件后在图床设置中找到Gitee进行设置:

[小技巧]PicGo、Gitee和Typora构建在线图床-编程知识网

repo就是仓库名称加上用户名:

[小技巧]PicGo、Gitee和Typora构建在线图床-编程知识网

token是刚才创建的私人令牌获取的那串数字;

path是刚才在仓库创建的文件夹名;


然后在PicGo设置中进行设置:

[小技巧]PicGo、Gitee和Typora构建在线图床-编程知识网

[小技巧]PicGo、Gitee和Typora构建在线图床-编程知识网

监听端口设置成36677,因为Typora提供端口就是36677;

Typora设置

在偏好设置中,进行如下设置:

[小技巧]PicGo、Gitee和Typora构建在线图床-编程知识网

设置好后点击验证图片上传,验证成功:

[小技巧]PicGo、Gitee和Typora构建在线图床-编程知识网

验证成功后,就可以新建一个文章来尝试一下了:

[小技巧]PicGo、Gitee和Typora构建在线图床-编程知识网

可以看到图片都在仓库中了:

[小技巧]PicGo、Gitee和Typora构建在线图床-编程知识网


这就完成了所有设置了,以后在Typora上写的文章,就可以直接复制到多个平台发布,并且不用在担心图片路径找不到了;