背景

最开始博客都是使用七牛云存储作为图床,七牛云注册认证后有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 的加速后的图片地址。

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

联系作者