再从头|再回首引言
可能是用惯了Markdown 语法，现在无论做什么记录，都喜欢使用Markdown语法来做笔记。而Typora 编辑器无疑是众多优秀的支持Markdown语法编辑器之一，就博主而言，对Typora编辑器的依赖程度相当高。不仅仅只是做笔记，就是编写网站的文章时，也用到Typora编辑器。不论排版，还是插入图片，这款离线编辑软件表现都是一流的。
然而，插入的图片都是保存在本地硬盘的，想直接复制到网站上，显然行不通。因为图片地址不对（是本地地止），直接复制到网站上，会导致图片加截不出来。这时候就要用到下面介绍的自动上传图片工具PicGo了。简单的说，PicGo是搭配Typora上传图片到第三方图床的一款自动工具，能把图片上传后自动获取图片的网络地址。
了决了PicGo能自动上传图片后，剩下的问题就是解决图床就可以了。这里选择大众在白嫖的Github作为第三方图床。到这里，就决定了本文标题的三大主角各自的地位：
- Typora 主要用于编辑文章
- PicGo 主要用于自动上传图片，并自动获取图片的网络地址，替换图上在Typora 中的本地地址
- Github 主要用于储存图片，也就是所谓的图床
鉴于Github在国内访问并不稳定，因此在后面配置的时候要套上CDN，方便墙内访问。
前期准备
Typora：官网链接，傻瓜式安装就可以了
picGO：官网链接，下载在自己能找到的地方
Github账号注册与仓库创建：作为一个互联网的搬砖师，多多少少也是知道的吧，不会的请自行Google，创建仓库的目的主要是用来存储照片
软件设置
Typora设置
在打开软件后，点击左上角的 文件 菜单 → 选择 偏好设置 → 选择 图像，如下图设置，需要注意的是PicGO路径需要填写自己安装PicGo程序.exe的路径
Github Token生成
步骤：
- 进入Github首页
- 点击右上角的头像
- 选择Settings
- 在左边的选项中选择Developer settings
- 选择左边的Personal access tokens，点击Generate new token后会让你输入github登录密码，验证身份后进入以下页面
- 输入Note信息和勾选上对应的repo权限后滑动到最下方，选择Generate token
- 就会生成一条Token信息
PicGo设置
在PicGo插件中心下载一个github-plus插件，此插件在删除相册中的图片时同步删除仓库的图片，推荐使用
参数说明：
- repo：表示远程仓库地址，固定格式
Github用户名/仓库名 - branch：表示分支，默认填入master，需要根据自己Github上的分支进行填写
- Token：填入Github中生成的Token，下方将详细讲解Token获取
- customUrl：自定义域名，建议使用
https://cdn.jsdelivr.net/gh/Github用户名/仓库名 - origin：默认为github就可以了
测试是否能正常上传
为了保证我们上传图片没有问题，可以在Typora中选择 文件 → 偏好设置 → 选择验证图片上传选项进行测试，如看到验证成功，成功上传图片并获得最新的URL则表示成功
也可以直接在文档中插入图片来查看是否上传成功
踩坑记录
- 不能上传文件名重复的图片
- 在PicGo中PicGo设置中设置一些基本设置，具体的可根据自己需要
- 由于我是一开始直接配置的github图床，导致很不稳定，可能原因可能是自定义域名的问题，后来安装了插件配置了自定义域名之后稳定了很多，虽然也会存在偶尔失败的情况
内容参考：
写在最后
- github plus 插件安装前要先安装node.js
- custom url（自定义域名）一定要配置
https:cdn.jsdelivr.net/gh作为中转DNS解析，否则返回的是以https://raw.githubusercontent.com/为首的图床地址，这个地址是需要TZ访问的。
