2024年-元宵倒计时

9 天 9 时 9 分 9 秒


【技术分享】使用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/[email protected]/dist/jquery.min.js

     

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

    https://cdn.jsdelivr.net/gh/jquery/[email protected]/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/[email protected]/src/core.min.js

     

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

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

     

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




    版权声明

    1. 本网站名称: 安鹿轩

    2. 本站永久网址: www.anlu1314.com

    3. 本站提供的所有内容仅供学习、交流和分享用途,只供参考。

    4. 本站资源禁止并谢绝未经本站许可的使用,如欲转载,请署名以及注明出处。

    5. 本站(原创)文章、资源、图片等所有内容,一经转载,即表示您已经接受上述声明!需自行承担一切风险与责任!

    6. 关于本站的所有留言评论与转载、引用文纯属文字原作者个人观点,与本站观点及立场无关!

    7. 有任何侵权问题请联系E-mail [email protected]

    0 条回复 A文章作者 M管理员
      暂无讨论,说说你的看法吧
    今日签到
    搜索