使用jsDelivrCDN对Github图床进行加速,带给你如丝滑般的图片体验!

背景

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

最开始以为这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
  1. 获取github token用于 PicGo 访问 github 图床: 创建地址:https://github.com/settings/tokens[2]

最后点击生成token即可,保存生成的token。

  1. 下载PicGo并安装, 下载地址:https://github.com/Molunerfinn/PicGo/releases[3],安装完成后打开 PicGo 来设置 Github 图床:

设置参数说明:

    • 设定仓库名:填入你上面创建的仓库名,格式为:用户名/仓库名
    • 设定分支名:一般填写 master 即可;
    • 设定 Token:将上一步 Github 配置中得到的Token粘贴进去;
    • 指定存储路径:图片在 Github 仓库中的存储路径,例如本人是:top/dreamhomes/blog/imgs/
    • 设定自定义域名:此处直接设置 jsDelivr 加速的访问地址,例如本人是:https://cdn.jsdelivr.net/gh/dreamhomes/[email protected]
      • gh表示来自 Github 的仓库
      • dreamhomes/blog-image-bed仓库的具体位置
      • master仓库的分支

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

  • 未加速访问地址[4]
  • 加速访问地址[5]

结论

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

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

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

参考资料

[1] 计费问题 > 免费额度须知:https://developer.qiniu.com/af/kb/1574/free-credit-information

[2]https://github.com/settings/tokens:https://github.com/settings/tokens

[3]https://github.com/Molunerfinn/PicGo/releases:https://github.com/Molunerfinn/PicGo/releases

[4] 未加速访问地址:https://github.com/dreamhomes/blog-image-bed/blob/master/top/dreamhomes/blog/imgs/%E5%85%B3%E6%B3%A81.gif

[5] 加速访问地址:https://cdn.jsdelivr.net/gh/dreamhomes/[email protected]/top/dreamhomes/blog/imgs/关注1.gif

event_note 10月 27, 2022

account_box 海归 回国

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注