一、引言
总所众知，目前程序届最好用的笔记编辑器莫过于 Typora，但 Typora 有一个比较难受的地方。
当我们插入图片时，会将我们本地的图片进行插入，如下图：
这样一来，当我们将整个笔记拷贝到博客、知乎、公众号一些平台时，我们的图片需要重新截图，会造成大量的麻烦。
本文将保姆级的带你打造一个 Typora + PicGo + github/gitee + CDN 的图床系统
让你从此写笔记，如虎添翼，一步踏青云
二、系统准备
工欲善其事，必先利其器
首先我们需要安装以下软件
- node.js
- PicGO
- Gitee/GitHub账号
- Typora软件
1. node.js
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时
官方网址：http://nodejs.cn/，直接下载安装即可
安装完之后，需要进入 cmd 验证一下版本，是否安装成功
2. PicGo
图片上传+管理新体验,基于electron-vue开发，支持macOS，Windows，Linux，支持插件系统，让PicGo更强大
官方网址：https://molunerfinn.com/PicGo/，直接下载安装即可
注意：在安装 PicGo 之前必须先安装 node.js，不然会导致插件无法下载
3. Gitee/GitHub账号
这个各位读者可自行百度
西方不能失去耶路撒冷，程序员不可无 Gitee/GitHub
这个使用方法在后续会讲到
4. Typora软件
程序员的老帮手了
官方下载链接：https://www.typora.net/
现在 Typora 软件最新版本要收费了，有经济基础的可以支持下
无经济基础公众号回复：图床
三、基于Gitee的图床
1. PicGo配置
- 我们打开我们刚才安装的
PicGo软件
- 打开
插件设置，安装gitee插件
- 安装完之后，我们打开我们的
PioGo设置，只保留Gitee图床（这步操作做不做都可以，主要影响图床设置的选项）
- 打开我们的
图床设置，主要设置如下图所示
2. Gitee(码云)信息获取
- 登录我们的
Gitee，新建一个仓库
- 仓库配置
- Token的获取
- 步骤：设置 -> 私人令牌 -> 生成新令牌 -> 提交 -> 复制，记住生成token以后需要保存下来（复制到哪里留着，PicGo里面用得到）
- 设置 -> 私人令牌
- 生成新令牌
- 复制，保存
Token
3. Typora上传图床
- 首先我们需要配置好我们的
PicGo，按照对应的关系进行配置，之前复制的Token别忘了
- 打开Typora的
文件 -> 偏好设置 -> 图像，选择上传服务设定，选择相应的路径
- 点击
验证图片上传选项，出现下面的图即为成功~
- 我们来尝试自己手动上传下图片，右击图片点击
上传图片即可
- 去我们的仓库查看该图片
四、基于GitHub的图床
1. PicGo配置
- 和上面类似，安装插件如下
- 打开我们的
图床设置，主要设置如下图所示
2. GitHub信息获取
我们获取的信息主要为：拥有者、仓库名、Token、分支、自定义URL（选填）
- 打开我们的
GitHub首页，建立一个新的仓库
- 选择相应的配置信息
- 我们新建仓库之后，
GitHub会默认将当前的分支设置为Main，我们需要手动将其修改为master
- 获取
Token，路径：settings -> Developer settings -> Personal access tokens -> Generate now token -> Generate token
向 PicGo 填入相应的配置即可
注：这里提供一个加速访问图片的方法：CDN加速
将上面的 customUrl 域名改为：
原 https://raw.githubusercontent.com/huanggongzi/WritingPictures/master
现 https://cdn.jsdelivr.net/gh/huanggongzi/WritingPictures@master
3. Typora上传图床
如上
五、问题
- 一定要安装完
node.js再去安装PicGo
六、总结
到这基本我们就完成自己的图床配置了，我们可以直接在我们的 Typora 上进行书写我们的笔记，复制粘贴到博客即可
博主建议使用 Gitee 作为自己的图床，毕竟 GitHub 的网速有点不尽人意
