前言

不论是写博客还是记笔记，图床的选择很重要。且对于一个博客平台来说，网站中的图片、视频以及音频等资源的下载速度直接影响到了整个博客网站的加载和体验，这点我深有体会。

就我个人来说，最开始，我在博客中有加入音乐播放器，音频和部分图片是直接存储在博客项目里的，而文章中的一些图片则使用 SM.MS 图床存储，然后每次打开网站时都要等很久网站的资源才能加载出来，开始我还认为是因为博客是部署在 githubPages 上导致的网站访问缓慢，也试了一些方法如使用Netlify部署博客来尝试加速网站的访问，然并卵…

直到有一天我受不了图片的上传和加载速度的缓慢，就尝试了下经常在博客搭建教程中看到的 七牛云图床。结果确实很香~，我不仅将图片存储在了七牛云上，并且将音频也一并存储了。重新部署后网站的访问速度有了肉眼可见的提升。直到这时，我才直到原来之前访问速度慢的原因不止是部署服务器的问题，和网站中的静态资源也有很大的关系！

使用七牛云图床前后对比：

效果确实好了很多。

七牛云图床吐槽

不过!!!

虽然七牛云有提供免费的 10G 空间，但是如果想要真正使用七牛云图床的完整服务的话，你的网站需要备案，也就是说需要自己租一个服务器，在上面部署网站（掏了下口袋，空空的，想想还是算了吧）。

否则，你只能得到一个临时域名，也就是你你资源路径的前面部分，如 http://xxxxx.hd-bkt.clouddn.com/1.jpg 。然后这个临时域名会在 30 天之后回收！！这意味着 30 天后你网站中所有使用七牛云存储的静态资源都不能正常访问了！！

其次，七牛云上的临时域名还是 HTTP 的，就算使用了备案的域名绑定，想使用 HTTPS 的域名也需要交费（又掏了掏口袋）。

你的网站就会变成这样（看着是不是很不爽）

因此，果断抛弃七牛云，尝试使用 github 图床 + jsDelivr CDN加速访问！

好了，说了这么多废话，下面是配置过程。

配置 github 图床

首先，新建一个 github 仓库：

依次点击 Settings -> DeveloperSettings -> Personal access tokens -> Generate new token

填写描述，再勾选 repo，最后拉到底点击 Generate token。

PicGo 配置

然后打开 PicGo 进行配置（PicGo 是图床管理工具，能配合种图床使用，typora 中也支持使用 PicGo 自动上传图片，使用起来不要太方便了~

配置如上。

仓库名：格式是：github用户名/图床仓库名
分支：master
token：前面生成的 token
存储路径：自己定义，如 img/ 的话就会在仓库下生成一个 img 文件夹来存储图片
自定义域名：在图片上传后，PicGo会按照自定义域名+储存路径+上传的图片名的方式生成访问链接，放到粘贴板上，因为我们要使用 jsDelivr 加速访问，所以可以设置为https://cdn.jsdelivr.net/gh/用户名/图床仓库名 ，上传完毕后，我们就可以通过https://cdn.jsdelivr.net/gh/用户名/图床仓库名/图片路径加速访问我们的图片了。