利用jsDeliver和GitHub为网站添加免费cdn内容分发，加速网页访问

导论

GitHub可用于存储各种文件。通过在网页加载文件时引入存储在GitHub库中的文件，可以减轻服务器负担并提高网页加载速度。例如，音乐、视频、字体文件和网页文件都可以使用这种方法。然而，在国内，GitHub的加载速度非常慢。这时就需要使用JSDeliver将GitHub库的内容分发到各个地方，以加快速度。

我为什么要介绍这种方法呢？因为很多网盘外链并不是永久的。有可能开启防盗链后无法正常引用资源。而自己搭建的网盘则会生成动态链接或页面，导致无法引用资源。

注：JSDeliver不支持加载超过20M的资源，因此最好将某些视频压缩至20M以下。

教程开始

一、创建存储库

1. 请访问https://github.com/你的ID?tab=repositories，并点击New按钮。
2. 填写Repository name（存储库名称），这个接下来会用到。
3. 请注意，下面的库必须选择公共库，因为JSDeliver使用的就是公共库。如果选择私人库，可能导致无法正常引用CDN。

二、上传要缓存的文件

1. 无需管下面的代码，直接点击uploading an existing file。
2. 将要上传的文件拖放到方框内，或者点击choose your files上传要存储到GitHub的文件。我这里上传的是本站的ico图标。
3. 上传完毕后，务必点击commit changes。
4. 点击create a new release，然后在tag处填写版本号，例如1.0，填写任何内容都可以，自由填写。我个人填写的是cdn。接着点击publish release即可。

三、通过JSDeliver调用刚刚上传的资源

示例：https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@tag名/文件路径

我刚才上传的图片文件名是1631154058228.png，存储在了根目录。我的GitHub用户名是qiyunbk，仓库名是cdn，tag是cdn，因此我访问的路径是：https://cdn.jsdelivr.net/gh/qiyunbk/cdn@cdn/1631154058228.png。

在需要引用资源的位置插入以上代码，个人CDN即可搭建完成。

通过此方法，不仅可以存储图片，还可以存储其他静态资源，例如JavaScript、CSS、字体等，然后通过JSDeliver进行访问。