github+picgo+typora搭建图床

🎈前言

这篇blog之前我的图片，基本都是截图先push到github，然后更新版本号，利用jsdelivr的图片url显示在bolg。

真的是又费劲又费时（我都懒得多加截图了）。

当你get到这个小技巧之后，保证你的markdown写blog事半功倍，以后截图想发多少发多少，MM再也不用担心我更新截图费时了emmm。

参考 官方配置文档

🍬准备工作

🍪github

1.注册github github地址。

2.创建一个新项目，用来存储图片。

3.生成一个token用于PicGo操作你的仓库：

访问：https://github.com/settings/tokens

然后点击Generate new token。

把repo的勾打上即可。然后翻到页面最底部，点击Generate token的绿色按钮生成token。

**注意：**这个token生成后只会显示一次！你要把这个token复制一下存到其他地方以备以后要用。

🍖Picgo

1.下载地址

选择下载类型：

2.解压安装到非英文目录

3.配置picgo

仓库名——github名/项目仓库名

分支——默认主分支master即可

Token——在github中保存的token

存储路径——项目下的子目录

自定义域名——这里用的是cdn.jsdelivr.net提升图片的加载速度

重命名——在上传图片的时候可以给图片重命名（默认时间命名）

别的就不一一介绍了。

🍩Typora

1.下载安装最好用的markdown编辑工具

typora官网

2.配置typora

文件->偏好设置

根据我图中配置即可：

上传服务： 选择PicGo（app）

PicGo路径：选择你安装的PicGo下的exe文件

🍭开始工作

1.截图粘帖到typora中

2.右击图片——>上传图片——>上传成功

3.可以在picgo和github仓库中看到刚上传的图片

😰踩坑记录

1.敲黑板

之前没用jsdelivr的服务，发现图片在挂代理的时候可以加载，不挂代理很难加载出来。

这里强烈建议大家去了解jsdelivr的用法。

基本用法：

cdn.jsdelivr.net/gh/github名/仓库名/文件名

2.验证失败可能因为你已经验证成功并把两张图上传到github图床了

解决：请去github仓库删除 typora-icon.png typora-icon2.png两张图 并重新检测。

3. 出现 Failed to fetch

解决：确认在PicGo中打开了Server服务，监听端口与typora检验端口保持一致

4.上传失败

有可能是网速的原因，建议多上传几次试试。

5.就是不行？？？

有可能是代理的问题，关闭代理，重启电脑。