表格的内容

什么是CDN？

CDN（内容交付网络）是一种内容交付网络，通过在用户位置附近的服务器上存储静态文件（例如图像、CSS、JavaScript、字体、视频...）来帮助加快网站加载速度。

通过使用CDN，您可以最大限度地减少用户等待时间，减轻源站负载，节省带宽，提升用户体验。

然而，并不是每个人都有能力使用专业的 CDN 服务，尤其是那些刚刚起步或预算紧张的人。

那么有没有办法为您的网站使用免费且简单的 CDN 呢？答案是“是”，那就是使用GitHub作为网站的CDN。

GitHub 是一种流行的 Git 源代码托管服务，允许您创建和管理软件项目的公共或私有存储库。您可以使用 GitHub 托管网站的静态文件，并使用其他免费 CDN 服务将内容从 GitHub 传送到您的网站。

在本文中，我将向您介绍 GitHub 上可用于您的网站的 2 个免费 CDN 服务，即 jsDelivr 和 raw.githack。

jsDelivr

jsDelivr 是一个免费、快速、稳定的开源 CDN 服务，支持 npm 和 GitHub 上开源软件的 CDN。

jsDelivr 由四大 CDN 支持：Cloudflare、Fastly、Bunny 和 Quantil，拥有超过 750 个全球接入点，支持自动负载平衡，比大多数其他 CDN 更快并且运行完美，即使在中国也是如此。

要使用 jsDelivr，您需要复制 GitHub 上文件的链接，如下所示：

https://github.com/twbs/bootstrap/blob/v4-dev/dist/css/bootstrap.min.css

然后您进入 jsDelivr 主页 → 标题上方的“工具”工具 → 选择从“GitHub”或您拥有的任何来源进行转换。

将上面从 GitHub 获取的文件 url 粘贴到输入框中，它将转换为 jsDelivr url。

https://cdn.jsdelivr.net/gh/twbs/bootstrap@v4-dev/dist/css/bootstrap.min.css

您可以在标签中使用此 CDN 链接 <link> 或者 <script> 在网站上从 jsDelivr 加载内容。您可以使用 jsDelivr 的其他功能，如缩小、串联、版本别名、SRI 哈希...来优化内容。

在这里查看 jsDelivr 的更多文档： jsdelivr-功能.

raw.githack 也是一个免费的 CDN 服务，允许您直接从 GitHub 和 GitLab 上的公共存储库分发文件。 raw.githack 使用 Cloudflare 网络来确保内容的高性能和可靠性。

要使用 raw.githack，您需要 GitHub 文件的链接，例如：

https://github.com/jquery/jquery/blob/main/src/core.js

您只需要访问以下网站原始.githack 将GitHub链接粘贴到输入框中，即可获取raw.githack的CDN链接。

我们将得到 2 个结果。

1. 用于主网站。

https://rawcdn.githack.com/jquery/jquery/4a13266efd262a92f05d86b71d715885de103e6d/src/core.js

2. 开发环境中使用

https://raw.githack.com/jquery/jquery/main/src/core.js

您推送的新更改将在几分钟内反映出来。

通过使用这些服务，您可以简单有效地利用 GitHub 作为您网站的 CDN。

不过，您还应该注意，这些免费的 CDN 服务并不能保证您的内容的稳定性和安全性，因此在将它们用于重要或商业网站之前，您应该仔细考虑。

如果您对如何使用 GitHub 作为网站的 CDN 有任何疑问，请在下面发表评论。祝你好运！ 😊