Gitee+PicGo实现Markdown图床（以Typora为例）

一、前言

现在的程序员在记录笔记的时候，用的最多的就是Markdown文档编辑器（相比起富文本编辑器，markdown编辑器更加的轻量和轻便，使用起来非常舒服，还没用过的小伙伴，强烈推荐你们试试），我使用最多的是Typora这款markdown编辑器，这款编辑器相对来说较友好，而且支持自定义主题，我们可以发挥自己的想象力进入主题的编写，可以参考我之前写的这篇文章：
手把手教你怎么定制Typora主题

而且Typora还支持配置图床，可以将文档中插入的图片在Gitee或者Github等平台上管理。而不再是将图片保存在本地，有了图床之后就非常的方便。
下面一步一步来带大家配置图床！

二、PicGo工具说明及安装方法

这时候需要借助一款图床工具PicGo，它可以将图片上传到指定的图床上，然后返回链接，直接粘贴到你的文档中。而我们说的这个“图床”，可以使用我们耳熟能详的腾讯云、阿里云、七牛云等服务器进行管理，但奈何他们都需要收费，本着省钱（能白嫖就白嫖 ）的心态，我们可以使用其他的方式，比如使用Github，Gitee，但是在国内，访问Gitee会比较快，所以我们以Gitee作为例子来展开。
首先先把工具放上来，需要PicGo+nodejs，我把两样工具都放在网盘链接，有需要请自行提取：
点我进入网盘链接，提取码：5jqw

三、PicGo+Gitee+Typora 完全配置（使用教程）

安装完PicGo，显示如下界面：

在左侧列表找到“插件设置”，搜索“gitee”，安装右侧这个"uploader"插件：



接下来到Gitee平台创建一个仓库，用于保存我们上传的图片。

这里有几个要注意的点：

1、仓库设置为公开！
2、勾选Readme文件初始化仓库（因为这样系统会自动创建master主分支）！

创建好之后是这样的：



接下来回到PicGo进行gitee的配置：

1、repo：输入仓库名称，格式为 “用户名/仓库名”
2、branch：分支（选择主分支master）
3、token：填入在Gitee生成的私人令牌（这个待会说…）
4、path：上传的图片的路径，名称无所谓，就填个“img”吧
5、customPath、customUrl：这两个无所谓，暂时不填，系统有默认值

现在来说说怎么生成token值：
（1）进入gitee的设置界面，点击左侧列表的“私人令牌”：

（2）手动勾选“projects”这一栏：

提交并验证密码后会生成token值，注意手动将你看到的token字符串保存好，因为当这个页面关闭，token值就不再显式显示，我们避免待会token要使用的时候找不到，先复制保存好。
然后将token值填入“PicGo图传”的“gitee设置里面”（也就是刚刚的黑窗口界面），点击“确定”并“设为默认图床”，搞定收工！

接下来，打开本地的Markdown编辑工具，以 Typora 为例，进入“偏好设置”：

设置好后，Typora与PicGo就建立起了关联，以后我们在Typora插入图片后就可以自动上传到gitee平台上，不需要像以前一样只是保存在本地了，太香了吧。

四、使用对比

（1）之前
之前，没有配置图床，原来在Typora这种markdown文档插入的图片都是保存在本地的，这样在上传到gitee管理的时候，图片总是无法显示，如下：

就很烦，但是使用了图床之后，一切都变美好了！！！


（2）现在
使用了图床，图片因为是保存在gitee上面的，所以我们可以直接访问到，方便多了！

拥有好的工具，才可以不断提升我们的生产效率，早点干完活，才能早点下班！


我是啊泽，关注我，不断为你分享各种干货，更多干货内容请关注个人公众号：“啊泽Coding”，扫描下方二维码关注我吧！