用jsDeliver+GitHub创建个人CDN进行静态资源引用

前言

GitHub 可以用来存放一些文件，在网页加载文件的时候引入你在 GitHub 库中所保存的文件，减少服务器的压力增加网页的加载速度，例如：音乐，视频，字体文件以及网页文件。但是 GitHub 在国内的加载速度特别慢，这个时候就需要 JSDeliver 把 GitHub 库中的内容分发到各个地方，以此来加快速度

为什么我要介绍这个方法呢，因为现在许多的网盘外链并不是永久的，有可能开了防盗链就无法正常引用资源了，自己搭建的网盘又是动态生成链接或者页面，这导致资源无法引用

注：JSDeliver不支持加载超过20M的资源，所以一些视频最好压缩到20M以下

教程开始

一、创建存储库

• 访问https://github.com/你的ID?tab=repositories，并点击New按钮
• 填写Repository name（容器名字），这个接下来要用到
• 记住下面的库一定要选择公共库，因为 JSDeliver 用到的就是公共库，如果选择私人会导致无法正常引用 cdn

二、上传要缓存的文件

• 下面的代码不用管，点击 uploading an existing file
• 把你要上传的文件拖拽到方框内，或者点击choose your files上传你要存到GitHub的文件，我这里上传的是本站的ico图标
• 上传完以后一定要记得按commit changes
• 点击create a new release，然后tag填上版本号，写1.0什么的都可以，随便填也行，我个人写的cdn，再点击publish release即可

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

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

我刚才上传的图片文件名是ico.png，存储在了根目录，我的GitHub用户名是sakura-vin，仓库名是cdn，tag是cdn，所以我访问的路径是：https://cdn.jsdelivr.net/gh/sakura-vin/cdn@cdn/ico.png

在你需要引用的地方插入以上代码，一个个人的 cdn 就搭建好了

通过此方法不止可以存储图片，一些其他的静态资源例如js，css，字体等都可以通过此方法存到GitHub然后通过JSDeliver访问的。