如何利用GitHub和jsDelivr托管图片cdn

1、背景

https://cdn.jsdelivr.net/gh/axh2018/axh2018.github.io/medias/banner/6.jpg 这个链接是如何生成的?免费吗?

2、解决

这个链接看起来是使用了 jsDelivr 服务来托管在 GitHub 上的静态文件。**jsDelivr 是一个免费的开源 CDN (**Content Delivery Network,内容分发网络),它允许开发者通过网络更快地向用户分发各种类型的文件,包括图片、JavaScript 库、CSS 框架等。链接的生成和使用是完全免费的,具体步骤如下:

如何使用 jsDelivr 托管 GitHub 上的文件:

  1. 在 GitHub 上存储文件 :首先,你需要将你的文件(在这个例子中是一个图片文件)上传到一个 GitHub 仓库中。这个仓库可以是公开的也可以是私有的,但文件的访问路径是公开的。

  2. 生成 jsDelivr 链接:一旦文件被上传到 GitHub,你就可以使用 jsDelivr 来生成一个 CDN 链接。基本格式如下:

https://cdn.jsdelivr.net/gh/用户名/仓库名@版本号/文件路径

如果你不指定版本号(即 Git 标签),jsDelivr 默认使用最新的 GitHub 发布。如果没有发布,它将回退到使用仓库的默认分支(通常是 master 或 main)。

例如下面给出的链接:

复制代码
    ```
    https://cdn.jsdelivr.net/gh/axh2018/axh2018.github.io/medias/banner/6.jpg
    ```

    - `axh2018` 是 GitHub 用户名。
    - `axh2018.github.io` 是仓库名。
    - `/medias/banner/6.jpg` 是文件在仓库中的路径。
  1. 使用链接:生成的链接可以直接在 web 页面、Markdown 文件或任何支持外部资源链接的地方使用。由于 jsDelivr 是一个 CDN,文件会被缓存并分发到全球的服务器上,以确保快速访问。

免费性和限制:

  • jsDelivr 是完全免费使用的,对于开发者和终端用户都是如此。它通过与多个 CDN 提供商合作,提供了强大的缓存和分发服务。

  • 尽管服务是免费的,但是仍然有一些使用限制和最佳实践,比如不应该通过 jsDelivr 分发非法内容或滥用服务。对于大多数合法的使用场景,jsDelivr 提供了足够的带宽和资源。

  • 对于公开的开源项目,使用 jsDelivr 来分发静态文件(如图片、JavaScript 和 CSS 文件)是一个非常流行的选择。

因此,你看到的这个链接是通过将图片文件存储在 GitHub 仓库中,并使用 jsDelivr 作为 CDN 来生成的,这个过程是完全免费的。

相关推荐
他们都叫我GPT侠6 分钟前
【无标题】
git·github
CoderJia程序员甲6 分钟前
GitHub 热榜项目 - 周榜(2026-07-26)
ai·大模型·llm·github·ai教程
果汁华7 分钟前
CLI 命令行与 Python 框架实战
git·python·github
fthux11 分钟前
GitHub Actions自动化运维实战:构建高效可靠的CI/CD流水线
运维·自动化·github
zzzzzz3101 小时前
我用 AI Agent 重构了日常开发工作流,效果出乎意料
人工智能·git·github
小锋学长生活大爆炸13 小时前
【福利】最新免费领取云服务器和虚拟主机攻略
网络·github
码流怪侠15 小时前
GitHub 2026年7月热门项目全景盘点:Agent Skills 生态炸裂,开源世界正在重写规则
程序员·github·agent
我叫黑大帅15 小时前
git 的 NFD 与 NFC 有什么区别?为什么我有个文件在 NFC 中间不会被当成改动,在 NFD 中就会当成改动
git·面试·github
DogDaoDao20 小时前
【GitHub】WorldMonitor:一个工程极致主义的实时全球情报仪表盘深度解析
python·程序员·架构·github·go语言·worldmonitor·实时全球情报
其实防守也摸鱼21 小时前
GitHub开源项目破圈方法论:从技术自嗨到生态共赢
服务器·数据库·学习·开源·github·命令行·linux系统