使用jsDelivr加速Github图床

887 字
4 分钟
使用jsDelivr加速Github图床
使用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/posts/jsdelivr-github-image-hosting-acceleration/
作者
Yokumi
发布于
2025-05-18
许可协议
CC BY-NC-SA 4.0
相关文章智能推荐
1
使用 Cloudflare R2 + WebP Cloud + PicGo 搭建你的图床
开发心得一开始使用了 jsDelivr 加速 Github 图床,但是实际使用中发现有时国内到 jsDelivr 的网络质量仍不稳定,或是存在 DNS 污染,并且使用 Github 作为图床容易污染 commit 记录。于是打算放弃这种依赖纯 CDN 的方式,转向 OSS ,加上刚好有优化博客访问的需求,以及赛博活菩萨 Cl…
2
博客美化记录
开发心得众所周知, 一个好的前端/排版是继续做下去的动力(bushi) 。 难得有空,继续来建设一下博客,简单美化一下前端。 引入自定义的 JS/CSS/HTML 是继续下列美化操作的条件,可以通过以下主题配置(楼主使用的是 Fluid 主题,不同主题之间可能存在一些差异)。你可以在配置文件中找到:
3
如何在 Hexo 博客中插入伪代码
开发心得在技术博客中,优雅地展示算法伪代码是常见需求。但是 Hexo 本身并不支持 的,Hexo 默认只支持常规代码高亮,无法直接渲染算法伪代码。当然,Hexo 提供丰富的插件,但是我搜索后并没有找到相关的(如果是我遗漏了,可以在评论区指出)。 所以,自行摸索后,找到以下的替代方法:
4
第一台 VPS 折腾小记
开发心得在使用本项目/教程/脚本之前,请务必仔细阅读以下声明。一旦您开始使用、复制或修改相关内容,即视为您已完全接受并同意本免责声明的所有条款。 请谨记:使用技术时请务必遵守您所在国家和地区的法律法规。 使用 IPv6-only VPS 低成本独享家宽,解锁 ChatGPT 不风控
5
2026.5 Live Repo
生活杂谈翻了翻相册才发现上一次已经是去年 9 月的羊文学了,哎gszm坏事做尽。 这回的出行方式是经典京沪高铁二等座,去年锅贴得意之作绿皮 D9 真给我坐麻了,这次果断 G 系列。不过被课表背刺,本来还可以买早一班(),结果就是快 0 点才到虹桥。好像是第一次这么晚到沪国。

评论区

文章目录