2022年10月2日星期日

通过jsDelivr引用资源

通过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
示例:
原始地址:

加载指定版本,示例 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如果没有大面积不可用,还是可以作为最好的选择的。