Github+jsDelivr+PicGo+Typora搭建高效免费图床

Github+jsDelivr+PicGo+Typora搭建高效免费图床

1.前言

图床是用Github 存储的，采用 jsdelivr cdn 进行加速，上传工具采用的是 PicGo，Typora 配置 PicGo 图床服务

电脑是windows系统

2.大概步骤：

1. 新建Github仓库并生成token
2. 下载配置 PicGo 并使用 jsdelivr 作为 CDN 加速
3. 上传图片到 PicGo 并使用图床
4. Typora 配置 PicGo 图床服务（可选）

3.新建Github仓库并生成token

3.1 新建仓库

3.2 按照以下图片步骤配置生成token

点击 Generate token 后会跳转到 token 的页面

注意：token只会显示一次，关闭页面后再打开这个页面就不会显示了，所以要复制保存好这个token，后面配置 PicGo也需要用到。

4.下载配置 PicGo 并使用 jsdelivr 作为 CDN 加速

4.1 下载PicGo

点击这里下载PicGo，下载后直接安装即可

打开PicGo

4.2 配置PicGo

• 设定仓库名：按照 用户名/图床仓库名 的格式填写，我的用户名为iexhx，我创建的图床仓库名为blogImages

• 设定分支名：main

• 设定 Token：粘贴之前生成的 Token

• 指定存储路径：填写想要储存的路径，如 imgs/，这样就会在仓库下创建一个名为 imgs 的文件夹，图片将会储存在此文件夹中

• 设定自定义域名：它的的作用是，在图片上传后，PicGo 会按照自定义域名+上传的图片名的方式生成访问链接，放到粘贴板上，因为我们要使用 jsDelivr 加速访问，所以可以设置为https://cdn.jsdelivr.net/gh/Github用户名/图床仓库名 ，jsDelivr 是为开发者提供免费公共 CDN 加速服务

配置完成后点击确定

小知识：GitHub 官方表示，从2020年 10 月 1 日起，在该平台上创建的所有新的源代码仓库将默认被命名为 main，而不是原先的master。现有的存储库不会受到此更改影响。

所以分支名不是使用master而是使用main

5.上传图片到 PicGo 并使用图床

1.直接拖动图片到相册

2.选中图片输入快捷键ctrl+shift+p

PicGo设置

6.Typora 集成 PicGo 图床服务（可选）

修改PicGo的监听端口为36677, 点击PicGo设置-->设置Server-->设置监听端口-->36677

修改Typora设置，点击 文件-->偏好设置-->图像，按照下图修改配置，并点击验证图片上传选项

修改PicGo端口的原因，不修改端口不一致会报错

点击验证图片上传选项出现以下页面配置成功

之后再复制图片到typora上，会自动通过PicGo上传到Github

🙂注意：如果上传失败很可能是GitHub上或者PicGo中有相同名字的文件

图片会在本地存储一次，存储位置为file:///C:/Users/ASUS/AppData/Roaming/Typora/typora-user-images

7.参考文档

参考文档：https://yafine-blog.cn/posts/eb3a.html#post-comment