官方网站:https://www.jsdelivr.com
加速地址:https://cdn.jsdelivr.net
示例:
好比将GitHub仓库中的bootstrap.min.js
文件利用jsDelivr加速
GitHub原始地址
https://github.com/twbs/bootstrap/blob/main/dist/js/bootstrap.min.js
jsDelivr加速地址
https://cdn.jsdelivr.net/gh/twbs/bootstrap@main/dist/js/bootstrap.min.js
若是按版本分类,Releases一个v4.6.1版本,那GitHub中的连接地址为
https://github.com/twbs/bootstrap/blob/v4.6.1/dist/js/bootstrap.min.js
jsDelivr的加速地址就是
https://cdn.jsdelivr.net/gh/twbs/bootstrap@v4.6.1/dist/js/bootstrap.min.js
若是GitHub中有多个版本,而要忽略版本直接加载最新版本,可使用latest标签
jsDelivr忽略版本加载最新版本
https://cdn.jsdelivr.net/gh/twbs/bootstrap@latest/dist/js/bootstrap.min.js
准备
说明:辉哥使用的是WordPress+b2主题,其他主题与该主题操作类似,下面辉哥的操作及演示都是基于WordPress+b2主题下进行的,而Git和WebStorm工具可自行使用其他工具代替
。
WordPress网站
b2主题
Git(非必须)
Windows安装Git便捷版,并配置环境变量:https://www.haah.net/archives/6383.html
按照下面这篇文章将ssh keys添加到你的GitHub上,流程是复制生成的ssh keys文件里面的内容
,打开https://github.com/settings/keys,点击新建SSH秘
钥,输入名字
,将秘钥粘贴进去
即可
IDEA配置码云Gitee的详细教程:https://www.haah.net/archives/6395.html
WebStorm(非必须)
IntelliJ WebStorm 2021.3 绿色便捷版:https://www.haah.net/archives/7020.html
辉哥最终效果
教程(内容可能过长,请耐心阅读)
PS:jsDelivr缓存的内容不能超过50MB,请仔细检查自己上传的资源是否大于50MB,如果大于请自行删除无用的文件,jsDelivr只能缓存静态资源,注意是静态资源,如果不知道什么是静态资源,请百度!如果在该流程中遇到Git的错误,请百度解决!
1、创建GitHub仓库
2、将网站根目录/wp-content/plugins文件夹和themes文件夹
下载到电脑上
3、在WebStorm中拉取GitHub仓库
3.1、找到仓库中的代码
》SSH
》复制git开头的链接
3.2、打开WebStorm
,点击右上角的从VCS获取
,版本控制选择git
,URL填入上面步骤3.1
中复制的链接,目录可以自定义
,然后点击克隆
4、将步骤2
中下载的网站文件复制到WebStorm下
4.1、选择本地下好的网站文件然后Ctrl+C
复制
4.2、点击左上角仓库名
,然后Ctrl+V
粘贴
5、将文件添加到Git本地缓存仓库
,如果粘贴后自动弹出让你添加,直接点击添加即可,届时可以忽略该步骤操作
6、提交修改到GitHub
7、查看是否提交成功
7.1、最简单的办法就是刷新Github页面
就能看到
8、获取jsDelivr链接,在上面为什么使用jsDelivr
的示例中就有说到。下面再次演示一下,示例文件:smartideo.css
8.1、找到并打开smartideo.css
文件,这是我们看到链接为:https://github.com/haahs/Res/blob/master/wp-content/plugins/smartideo/static/smartideo.css
8.2、换成jsDelivr的链接就是:https://cdn.jsdelivr.net/gh/haahs/Res@master/wp-content/plugins/smartideo/static/smartideo.css
9、替换网站文件里面的链接,下面简单示例
9.1、PHP替换示例
9.2、CSS替换示例
PS:其他文件按照上面的示例替换就行了
结尾
其实原理很简单,操作上辉哥使用了简单的操作方式并省略了一部分不必要的操作,在操作过程中可能会遇到各种问题,届时可以在下方评论区留言,我会尽量帮助你们解决!
如果使用的主题不是B2也是可以操作的,甚至说使用该操作任何程序都可以(只要加载静态资源),如果还是不懂可以留言或者联系辉哥!
原文链接:https://baijiahao.baidu.com/s?id=1719410909379664580&wfr=spider&for=pc
原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/7363