一、引言
日常写博客、技术文章上都基于markdown格式书写，使用编辑工具是 Typora ，这是一个非常棒的markdown 编辑器，还支持友好的文档导出（pdf、word等）。
markdown 文件是一个纯文本格式的文件，无法像word那样内嵌图片，所以平时在发文档给别人的时候，还需要将对应的图片资源发过去，有没有更好的办法呢？答案是有：我们可以将图片上传至资源服务器（Github公共仓库、Gitee公共仓库、七牛云对象存储、腾讯云对象存储、阿里云对象存储等），然后将markdown 文件中的图片地址改成服务器的地址。但是这样也挺麻烦的，需要手工上传图片，还有手工修改图片地址。
如果解决这个问题呢？这里我们使用开源免费的图床工具PicGo实现图片的自动上传至资源服务器，然后 Typora新版本也开始支持PicGo，我们在使用Typora编写文档的时候，只需要将图片复制、拖入，即可实现图片自动上传，并自动将图片地址修改资源服务器的地址，这样就解决了我们问题。
二、资源服务
| 序号 | 资源名称 | 是否收费 |
|---|---|---|
| 1 | Github公共仓库 | 免费 |
| 2 | Gitee公共仓库 | 免费 |
| 3 | 七牛云对象存储 | 收费，按流量收费 |
| 4 | 腾讯云对象存储 | 收费，按流量收费 |
| 5 | 阿里云对象存储 | 收费，按流量收费 |
以上我例举常用的几种资源服务器，其中3、4、5我们使用都需要收费，所以我们排除，那么就只有Github和Gitee了，Github是国外著名代码托管平台，但是Github在国内访问很慢，特别是资源文件，需要使用科学上网方法才能下载访问，所有我们选择Gitee作为我们图片存储仓库，Gitee是国内的代码托管平台。
三、软件工具
| 软件名称 | 功能说明 | 版本号 | 官网地址 |
|---|---|---|---|
| Typora | Typora 是一个markdown文本编辑工具，使用非常方便，丰富的文档导出功能 | 0.9.98 | www.typora.io/ |
| PicGo | PicGo 是一免费搭建图床工具，支持Windows、MacOS 和 Linux | 2.2.2 | github.com/Molunerfinn… |
| Gitee | Gitee 是国内的一个代码托管平台和Github基本类似 | 无 | gitee.com/ |
| gitee-uploader | PicGo 的插件用于上传图片至Gitee | 1.1.2 |
下载方式：
- 直接在其官网地址下载；
- 百度网盘地址：
链接: https://pan.baidu.com/s/18MZl8o7BaMZxdMbcgHOniQ 提取码: y7q6
四、安装配置
以下是windows系统的安装配置
-
Typora和PicGo安装
非常简单，直接双击安装即可
-
Gitee配置
我们需要上传资源到gitee上去，需要做如下3步骤：
1）注册gitee账户
如已注册请忽略
具体操作步骤此处忽略
2）创建公共仓库
用于存放图片资源：
3）设置访问token
用于gitee-uploader上传资源的授权，具体步骤如下：
-
PicGo配置
1）gitee-uploader插件安装
PicGo安装后，打开主界面，点击插件设置，然后搜索gitee-uploader，会出现2个版本，我们安装1.1.2的版本即可。
2）gitee图床配置
如果想按月保存图片资源可按如下配置：
path配置中增加$customPath
customPath配置项中选择年月
五、PicGo上传测试
打开PicGo主界面，点击上传区上传图片，上传成功右下角会有提示：
我们访问gitee仓库看看图片是否上传成功，红框中为我们刚才上传的文件：
六、Typora配置PicGo
-
配置PicGo
打开Typora工具，点击菜单栏的文件=》偏好设置，进行如下配置
-
开启自动上传
在编辑区输入 三个"-"，进入yaml配置，然后输入：
typora-copy-images-to: upload
源码模式下内容：
---
typora-copy-images-to: upload
---
-
测试自动上传
我们将本地图片拖到编辑器，我们观察图片路径的变化，发现由本地路径变成了gitee的url地址
七、总结
整个安装配置过程并不复杂，希望此文能够帮到大家，将更多的时间专注到写作中。
