使用jsDelivr免费加速GitHub静态资源

通过jsDelivr引用资源
使用方法:https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件名

注意:版本号不是必需的,是为了区分新旧资源,如果不使用版本号,将会直接引用最新资源,除此之外还可以使用某个范围内的版本,查看所有资源等,具体使用方法如下:

// 加载任何Github发布、提交或分支

https://cdn.jsdelivr.net/gh/user/repo@version/file

// 加载 jQuery v3.2.1

https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/dist/jquery.min.js

// 使用版本范围而不是特定版本
https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件名
比如:

https://cdn.jsdelivr.net/gh/jquery/jquery@3.2/dist/jquery.min.js  
https://cdn.jsdelivr.net/gh/jquery/jquery@3/dist/jquery.min.js

文件不想带版本号?将版本号换成latest即可!或者不带版本号!或者直接@master(或者其他分支名称)!

// 完全省略该版本以获取最新版本
https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名/文件名
https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@latest/文件名
https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@master(或者其他分支名称)/文件名
比如:

https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js
https://cdn.jsdelivr.net/gh/jquery/jquery@latest/dist/jquery.min.js
https://cdn.jsdelivr.net/gh/jquery/jquery@master/dist/jquery.min.js

不指定版本或者指定版本为 latest,这样总是使用最新版本的资源。

// 将“.min”添加到任何JS/CSS文件中以获取缩小版本,如果不存在,将为会自动生成

https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/src/core.min.js

// 在末尾添加 / 以获取资源目录列表

https://cdn.jsdelivr.net/gh/jquery/jquery/

其它
加速链接中的gh既是加载GitHub镜像,如果是加载WordPress镜像则修改为wp,加载npm则是npm
其它设置则与上述加速GitHub的方法相同;
如果修改了GitHub仓库的代码,那jsDelivr的缓存更新则没有具体的时间说明,但最多24小时必然会刷新加速缓存;
如果想要立即查看修改代码效果,可以Releases一个新的版本,再从版本号加载便会是最新代码;
当然使用jsDelivr加速GitHub还有许许多多的玩法,大家可以自己研究研究。

玄机博客
© 版权声明
THE END
喜欢就支持一下吧
点赞13 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片快捷回复

    暂无评论内容