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/jquery@3.2.1/dist/jquery.min.js //使用版本范围而不是特定版本 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 //完全省略该版本以获取最新版本 //您不应该在生产中使用它 https://cdn.jsdelivr.net/gh/jquery/jquery/dist/jquery.min.js //将“.min”添加到任何JS / CSS文件以获取缩小版本 //如果不存在,我们会为您生成 https://cdn.jsdelivr.net/gh/jquery/jquery@3.2.1/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 图床设置中将链接设置为 https://cdn.jsdelivr.net/gh/username/repo
即可
如果不愿意使用客户端的同学,也可以使用自建网页版上传,推荐榆木同学的 autoPicCdn
这样就可以摆脱 GitHub 当图床在大陆的访问速度太慢的问题,访问速度不比国内其他 CDN 慢
最后,再次感谢 jsDelivr 提供 CDN 服务
原文链接:https://zhuanlan.zhihu.com/p/166142170
原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/6805