使用 jsDelivr CDN 对 Github 图床进行加速，带给你如丝滑般的图片体验！

文章作者：梦家
个人站点：dreamhomes.top
原文地址：https://dreamhomes.top/703.html
公众号ID：DreamHub

背景

最开始博客都是使用七牛云存储作为图床，七牛云注册认证后有10G永久免费空间，每月10G国内和10G国外流量，速度相当快，七牛云是国内专业CDN服务商，插件支持比较多，有免费ssl证书。计费问题 > 免费额度须知

最开始以为这10G流量可以使用非常长时间，没想到七牛云https流量收费啊！而且现在网站都需迁为https才能显示网站安全！因此，本人使用七牛云图床一个月后就发现欠费了

作为一个穷学生党，虽然七牛云价格便宜但是毕竟不免费啊，因此就需要另寻一免费的图床！以前一直使用github pages 写博客，但其缺点是图片访问速度较慢，有办法可以加速图片访问吗？当然有，本文就介绍一种使用 jsDelivr CDN 加速 Github 图床访问的方法。

jsDelivr 介绍

jsDelivr 是国外的一家优秀的公共 CDN 服务提供商，也是首个打通中国大陆（网宿公司运营）与海外的免费 CDN 服务。jsDelivr 有一个十分好用的功能——它可以加速 Github 仓库的文件。因此可以借Github 搭建一个免费、全球访问速度超快的图床。

解决思路

首先在 Github 上创建一个用于存储图片的仓库，然后使用 PicGo 将图片上传到指定仓库并获取对应的 jsDelivr 加速图片访问地址。最后我们就可以愉快地在markdown中写博客了阿！

PS： Github 仓库的容量有 1G 的上限，但对个人博客来说绰绰有余！

配置过程

1. 新建一个仓库用于存储图片，例如我的仓库名为 dreamhomes/blog-image-bed：
   
2. 获取 github token 用于 PicGo 访问 github 图床：
   创建地址：https://github.com/settings/tokens
   
   
   最后点击生成token即可，保存生成的token。
   
3. 下载PicGo并安装, 下载地址：https://github.com/Molunerfinn/PicGo/releases，安装完成后打开 PicGo 来设置 Github 图床：
   
   设置参数说明：
   • 设定仓库名：填入你上面创建的仓库名，格式为：用户名/仓库名；
   • 设定分支名：一般填写 master 即可；
   • 设定 Token：将上一步 Github 配置中得到的 Token 粘贴进去；
   • 指定存储路径：图片在 Github 仓库中的存储路径，例如本人是：top/dreamhomes/blog/imgs/
   • 设定自定义域名：此处直接设置 jsDelivr 加速的访问地址，例如本人是：https://cdn.jsdelivr.net/gh/dreamhomes/blog-image-bed@master
     • gh 表示来自 Github 的仓库
     • dreamhomes/blog-image-bed 仓库的具体位置
     • master 仓库的分支

到此，配置过程已完成。接下来就测试一下加速后图片的访问速度吧！

• 未加速访问地址
• 加速访问地址

结论

整个过程比较简单，创建 Github 仓库，并获取 token，填入 PicGo 配置即可完成。学习 jsDelivr CDN 加速 Github 图床访问的方法具有一下好处：

• 使用 jsDelivr 加速静态文件访问，能够优化博客体验。
• 在 Github 存储图片，利于博主对于图片的掌控。
• 使用 PicGo 的原因是因为能够方便地将上传图片到 Github，并直接获取 jsDelivr 的加速后的图片地址。

当然最重要的还是省钱啊~

联系作者