基于 GitHub 和 PicGo 的图床配置

一、什么是图床

图床是一个线上的图片存储仓库。你把图片传上去后，它会给你生成一个链接，你只要把这个链接贴到任何地方（比如文章、论坛、代码里），别人就能看到这张图，而不需要把图片文件本身存在那个地方。

二、基于 GitHub 和 PicGo 的图床配置

GitHub 作为实际存储图片的仓库存在，PicGo 是图床管理工具。

• 在 GitHub 上新建仓库

  

• 创建 GitHub 仓库 Token

  Token 就是个人访问令牌，相当于一串数字钥匙，在 PicGo 链接图床仓库时使用，向 GitHub 证明你是你。

  Token 的创建步骤如下图所示。需要注意的是，Token 只会显示一次，一定保存好。

  

• 配置 PicGO。

  PicGo GitHub 下载链接：https://github.com/Molunerfinn/PicGo

  安装完成后作如下配置：

  

  • 图床配置名：自定义

  • 设定仓库名字：上面设置的 GitHub 仓库——用户名/img-bed

  • 分支名：main

  • Token：刚才生成的粘贴到此处

  • 存储路径：自定义——如/Fig

  • 自定义域名：https://cdn.jsdelivr.net/gh/用户名/img-bed。这里使用了 CDN 加速，附录中介绍。

三、使用 Typora 自动上传图片

Typora 是可视化的 Markdown 编辑器，配置 Typora 能够很方便的在文件编辑时上传图片到图床。

*Typora 的安装自行搜索。

第一步：

第二步：

配置完之后在 Typora 中插入的图片右键点击上传图片即可上传。

附录：CDN 加速

国内访问 GitHub 服务器有时候速度较慢，很可能图片加载不出来，CDN 加速就是解决这个问题。jsDelivr 可以理解为一个“给静态资源加速的全球 CDN 服务”，专门帮你把放在 GitHub 等地方的文件变成访问更快、更稳定的链接。jsDelivr 把你托管在 GitHub 上的文件通过全球节点缓存，用户访问时从最近的服务器加载。

jsDelivr 做了三件事：

1. 从 GitHub 拉取你的文件
2. 在全球 CDN 节点缓存
3. 用户访问时走最近节点

使用 jsDelivr 非常简单，只需要将图床图名改为https://cdn.jsdelivr.net/gh/用户名/img-bed即可。