免费、快速且可靠的开源CDN-jsDelivr

jsDelivr是一款公共免费的CDN，提供稳定的CDN，可在流量巨大的流行网站上进行使用，没有带宽限制，任何人都可以完全免费使用

支持npm、GitHub、WordPress，这里说一些操作

WordPress

jsDelivr提供了一个WordPress插件，插件会注册一个钩子，该钩子会在每次请求时查找通过WordPress API注册的任何JS/CSS文件

所有找到的文件的列表存储在数据库中，定期检查数据库中的文件列表，并将本地文件与jsDelivr CDN中的URL配对

在呈现页面之前，插件再使用wp_register/wp_deregister函数将CDN上存在的所有本地资源替换为其CDN版本

如果需要的话可以在GitHub下载后安装

GitHub

jsDelivr官网有提供使用示例，我们来看一下

//加载任何GitHub版本，提交或分支
//注意：我们建议对支持npm的项目使用npm
https://cdn.jsdelivr.net/gh/user/repo@version/file

//加载jQuery v3.2.1
https://cdn.jsdelivr.net/gh/jquery/[email protected]/dist/jquery.min.js

//使用版本范围而不是特定版本
https://cdn.jsdelivr.net/gh/jquery/[email protected]/dist/jquery.min.js
https://cdn.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js

//完全省略该版本以获取最新版本
//您不应该在生产中使用它
https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js

//将“.min”添加到任何JS / CSS文件以获取缩小版本
//如果不存在，我们会为您生成
https://cdn.jsdelivr.net/gh/jquery/[email protected]/src/core.min.js

//在末尾添加/以获取目录列表
https://cdn.jsdelivr.net/gh/jquery/jquery/

其实 jsDelivr 的使用非常简单，直接修改链接就可以，或者有版本规律的话发布release后就可以使用对应版本的资源

我们来看一下链接结构，在 GitHub 的仓库链接都是 https://raw.githubusercontent.com/username/repo/branch/file 的形式

而我们就将前面的 raw.githubusercontent.com 改成 jsDelivr 提供加速 GitHub 仓库的域名 cdn.jsdelivr.net/gh，同时删除/branch，这样使用jsDelivr CDN会获取默认分支下的资源

如果我们要用其他分支的资源呢？直接在仓库名后面加上@对应分支名，或者理解成修改/branch为@branch也可以

例如https://cdn.jsdelivr.net/gh/username/repo@dev/file，这样就会读取dev分支的资源

另外如果是一些比较稳定的文件，后面不会频繁的改动，还可以发布成一个版本release，然后在 repo 后加上 @version 就可以引用对应的版本

图片上传的话，推荐使用PicGo，软件颜值很高，上传也很方便

这张就是使用GitHub存储jsDelivr链接的图片