Typora+Picgo+Gitee打造便捷图床

一、前言

目前的一些博客平台，如CSDN、简书等都已支持Markdown编辑模式，而使用Markdown语言编辑文档最大的问题就是图片链接问题。

我们在本地文档中引用的是本地图片的绝对路径，直接将Markdown代码粘贴到网络平台肯定是不行的，需要将每一张图片单独上传至网络图床，并修改中图片的链接。如果图片的数量较多，一个一个修改这无疑是一件痛苦的事情。

不久前Typora官网发布了v0.9.86版本，新增图片上传功能，可以将本地Markdown文档中的图片同步到网络图床中，很好的帮我们解决了问这个问题。

二、为何选用Gitee作为图床？

对比一些比较常见的图床：

• Github图床：稳定，但是国内的网络访问Github速度很慢，不建议使用。
• Gitee图床：国内版的Github，稳定，且访问速度相比Github有明显提升。
• 七牛云：注册认证后有10G永久免费空间，每月10G国内和10G国外流量，速度相当快，七牛云是国内专业CDN服务商，插件支持比较多，有免费ssl证书，但https流量收费，注意：七牛云30天后会回收测试域名，因此你必须要绑定自己的已备案的域名，无图片上传限制。
• 又拍云：注册认证后有10G永久免费空间，每月15G的HTTP和HTTPS流量，提供两款可以免费续期的SSL证书，不过用户需要加入又拍云联盟（即在网站底部添加又拍云logo及官网链接），注意：需要绑定自己的已备案域名，又拍云认证比较麻烦，无图片上传限制。
• SM.MS：永久存储免注册，图片链接支持https，可以删除上传的图片，提供多种图片链接格式，建立于2015年，目前免费用户无法使用香港节点因此速度比较慢，每个图片最大5M，每次最多上传10张。
• 腾讯云：仅可以使用六个月的免费存储容量、免费请求和免费流量，不推荐使用，时间、流量、空间大小均有限制。
• 好多好多。。。自己百度上搜吧，我们这里推荐使用Gitee图床。

三、安装Picgo

访问PicGo的官方文档以了解PicGo的基本安装和使用方法。如果不想读文档的话，访问PicGo Releases直接下载你的操作系统对应的安装包并完成安装。

注意：在安装的时候安装目录千万不能选C:\Program Files\下的任何地方，因为PicGo无法解析这一路径，如果你不知道安装在哪里的话，选择仅为我安装

安装npm

Picgo的插件需要使用npm进行安装，如果你的电脑上没有安装npm，那就无法安装Picgo插件。因为我们需要使用一个额外的插件来获得gitee支持，所以在安装Picgo之前请先完成npm的安装。

访问node.js的官网，根据官网的指导下载并安装node.js，如果你不想访问的话，点击此处下载

PS C:\Users\focks> node -v
v12.16.1
PS C:\Users\focks> npm config set registry https://registry.npm.taobao.org

四、设置Picgo用Gitee作为图床

运行Picgo，单机插件设置，输gitee搜索，安装gitee-uploader

新建仓库

安装完成之后，我们移步Gitee并创建一个仓库用于存放图片。

填写仓库的基本信息，并点击创建

• 仓库名称，必填
• 仓库介绍，选填
• 一定要将仓库设置成公开的
• 勾选使用Readme文件初始化这个仓库

新建个人令牌

右上角设置 → 私人令牌 → 右上角生成新令牌

输入密码后，复制令牌到Picgo

一定要将令牌拷贝到另一个地方，因为每个令牌只会出现一次，刷新或者离开本页面这个私人令牌将再也不会出现！

回到Picgo，点击Picgo设置，设置监听端口为36677

选中gitee

点击图床设置——gitee

• repo：仓库地址，在浏览器链接栏上复制即可
• branch：master
• token：填写刚才申请的私人令牌
• path：保存图片到文件夹的名字
• customPath、customUrl：不用填
• 点击确定，并设置为默认

五、设置Typora

点击文件 → 偏好设置

在弹出的界面中定位到图像，选择插入图片时选项为上传图片，并勾选对网络位置的图片应用上述规则

上传服务选择Picgo(app)，并在下方选择好你安装的Picgo的位置。

设置完成如图：

点击验证图片上传选项，如出现以下界面，说明设置成功，然后你就可以直接在Typora中插入图片了，Typora会自动上传并替换图片地址为网络地址。

测试在Typora中测试上传到Gitee图床

我们可以看到，Typora中的图片直接被上传到了我们的Gitee图床上，这样我们在写文档时发博客平台就不需要手动调整图片的链接啦！