使用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 $\rightarrow$ Developer Settings $\rightarrow$ Personal access tokens,然后,新建一个 classic token,然后勾选相应的权限,点击 Generate token,注意这里的 Token 只会生成一次,请妥善保存!

1.2 PicGo配置

1.2.1 PicGo 下载

PicGo 是一个用于快速上传图片并获取图片 URL 链接的工具,支持多种图床,并且支持自行开发适配其他图床。下载见 PicGo

1.2.2 图床配置

下载完毕后,打开主窗口(默认可能在任务栏中,不显示),找到图床设置,选择 Github,填入相应配置,参考下图:

有几个注意点:

  1. 仓库名:即 Github用户名/仓库名
  2. 分支名:一般默认为 master,但是如果你选择了其他分支,你需要在自定义域名部分作相应修改;
  3. 存储路径:这个无所谓;
  4. 自定义域名:
    1. 如果是默认分支,那么自定义域名为 https://cdn.jsdelivr.net/gh/Github用户名/仓库名
    2. 如果是其他分支,那么自定义域名为 https://cdn.jsdelivr.net/gh/Github用户名/仓库名@分支名

有关 jsDelivr 的具体细节,可以参考 jsDelivr 官网

1.2.3 PicGo 设置

你可以参考我对 PicGo 进行如下设置,这样,PicGo 就可以自动读取你剪切板中的图片,上传并生成 MarkDown 链接了。


使用jsDelivr加速Github图床
https://blog.yokumi.cn/2025/05/18/使用jsDelivr加速Github图床/
作者
Yokumi
发布于
2025年5月18日
许可协议
CC BY-NC-SA 4.0