使用 jsDelivr CDN 对 Github 图床进行加速
背景
最开始博客都是使用七牛云存储作为图床,七牛云注册认证后有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 的上限,但对个人博客来说绰绰有余!
配置过程
新建一个仓库用于存储图片,例如我的仓库名为
dreamhomes/blog-image-bed
:获取
github token
用于 PicGo 访问 github 图床:
创建地址:https://github.com/settings/tokens
最后点击生成token即可,保存生成的token。下载
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 的加速后的图片地址。
当然最重要的还是省钱啊~