使用jsDelivr加速Github图床

前言
对于个人博客,图片如果保存在本地,迁移时总是不太方便。一种比较好的方式就是使用图床,无需再担心迁移时的麻烦。像腾讯云、阿里云和七牛云等厂商都提供稳定但收费的 OSS 对象存储服务,国内免费的图床也有,不过多数有上传限制,或存在不稳定的因素(毕竟公益运营,存在跑路可能性),并且有些会对图片内容的合规性进行检测(比如二维码等内容是不被允许的),国外的图床多数国内访问容易被墙。
Github,作为知名代码托管平台,早就被发掘出图床的功能,但是一样存在国内联通性不佳的问题。因此,需要使用 CDN 来加速和优化图片的加载速度。
CDN,即内容分发网络(Content Delivery Network)是一种通过分布在全球各地的服务器节点,将内容快速、可靠地传递给用户的网络架构。它的核心目标是在尽可能靠近用户的位置提供服务,从而提高访问速度、稳定性并降低传输成本。
简单来说,CDN 会在多个地理位置部署缓存服务器,这些节点将原始服务器上的内容缓存下来。当用户访问某个内容时,CDN 会自动将请求引导至距离用户最近、最优的节点,从而实现快速响应和数据传输。
jsDelivr,作为一款开源且免费的公共 CDN,并且与 GitHub 和 NPM 紧密集成,不存在带宽限制和付费功能。Github 存储和 jsDelivr 加速,稳定快速免费高效的选择,你值得拥有。
有关 jsDelivr 的加速效果,可以看下图,至于有没有别的平替,反正我觉得是没什么同类竞品的,当然有钱且有备案 (其实我觉得整一个备案比下面的方法还折腾) ,也可以考虑国内 CDN。

一、方法
1.1 Github 存储部分
1.1.1 新建仓库
首先,需要新建一个仓库,仓库要求公开,别的无所谓。
1.1.2 创建 Token
进入 Settings Developer Settings Personal access tokens,然后,新建一个 classic token,然后勾选相应的权限,点击 Generate token,注意这里的 Token 只会生成一次,请妥善保存!


1.2 PicGo配置
1.2.1 PicGo 下载
PicGo 是一个用于快速上传图片并获取图片 URL 链接的工具,支持多种图床,并且支持自行开发适配其他图床。下载见 PicGo。
1.2.2 图床配置
下载完毕后,打开主窗口(默认可能在任务栏中,不显示),找到图床设置,选择 Github,填入相应配置,参考下图:

有几个注意点:
- 仓库名:即
Github用户名/仓库名; - 分支名:一般默认为
master,但是如果你选择了其他分支,你需要在自定义域名部分作相应修改; - 存储路径:这个无所谓;
- 自定义域名:
- 如果是默认分支,那么自定义域名为
https://cdn.jsdelivr.net/gh/Github用户名/仓库名; - 如果是其他分支,那么自定义域名为
https://cdn.jsdelivr.net/gh/Github用户名/仓库名@分支名;
- 如果是默认分支,那么自定义域名为
有关 jsDelivr 的具体细节,可以参考 jsDelivr 官网;
1.2.3 PicGo 设置
你可以参考我对 PicGo 进行如下设置,这样,PicGo 就可以自动读取你剪切板中的图片,上传并生成 MarkDown 链接了。

文章分享
如果这篇文章对你有帮助,欢迎分享给更多人!



