通过github仓库+jsDelivr引用资源
基本使用方法:
https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径
例如:
https://cdn.jsdelivr.net/gh/doocs/md@1.5.9/src/assets/images/favicon.png
注意:版本号不是必需的,是为了区分新旧资源,如果不使用版本号,将会直接引用最新资源,除此之外还可以使用某个范围内的版本,查看所有资源等,具体使用方法如下:加载任何Github发布、提交或分支
https://cdn.jsdelivr.net/gh/user/repo@version/file
https://cdn.jsdelivr.net/gh/user/repo@version/file
示例:
原始地址:
转换后:
加载指定版本,示例 jQuery v3.2.1
使用版本范围而不是特定版本,示例jquery@3.2.x 或jquery@3.x.x https://cdn.jsdelivr.net/gh/jquery/jquery@3.2/dist/jquery.min.js
完全省略该版本以获取最新版本
将“.min”添加到任何JS/CSS文件中以获取缩小版本,如果不存在,将为会自动生成https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/src/core.min.js
在末尾添加 / 以获取资源目录列表
公共jsDelivr目前有以下备选站:
分别由不同的赞助商提供,
https://cdn.jsdelivr.net/ 由fastly提供
https://fastly.jsdelivr.net/ 由fastly提供
https://gcore.jsdelivr.net/ 由G-Core Labs提供
https://testingcf.jsdelivr.net/ 由CloudFlare提供
其实 cdn.jsdelivr.net 就是由上述几家服务的综合,只不过在特定情况只解析某一个特定服务商。
至于速度,请自行去类似Ping 之类的网站上测试。
前端静态文件CDN备选站
如果你在寻找前端库的CDN,那么有以下几个CDN站值得一试:
https://www.staticfile.org/ – 由七牛云及掘金提供支持
https://www.bootcdn.cn/ – 由极兔云联合BootStrap中文网提供
https://cdn.bytedance.com/ – 字节跳动提供,内容与cdnjs一致,推荐使用
https://www.sourcegcdn.com/ – 由 AHDark 创立,支持npm及GitHub(白名单)
https://cdnjs.com/ – 由CloudFlare等提供支持
https://unpkg.com/ – 也是CloudFlare提供支持,仅限npm包
以上站点可能对于一些包的更新不是那么及时,所以jsd如果没有大面积不可用,还是可以作为最好的选择的。