WordPress最佳免费CDN:jsDelivr + Github

大家好,我是雷锋哥。博客搭建在垃圾主机上,延迟非常高,没有备案的原因,没办法用国内的CDN,试过「cloudflare」的免费CDN,效果也不是很理想,后来发现了 + Github才是免费的最佳CDN。

WordPress最佳免费CDN:jsDelivr + Github插图

jsDelivr介绍

jsDelivr是一个提供数千种Javascript、CSS等超过1650多种 Libraries 加速的免费CDN服务,支持给Github、WordPress、NPM免费提供CDN加速。而且国内也有 CDN 节点,速度非常快。

WordPress最佳免费CDN:jsDelivr + Github插图1

jsDelivr官方:https://www.jsdelivr.com/

Github介绍

Github目前最好用的免费开源项目托管站点,众多开源项目都托管在Github,目前Github已被微软收购了。

Github官方:https://github.com/

利用 jsDelivr + Github 给 WordPress 免费加速

1.注册 Github  账号

2.新建Github仓库,Repository name:输入仓库名称,然后点击「Create repository」开始创建。

WordPress最佳免费CDN:jsDelivr + Github插图2

3.点击「Upload files」上传你要CDN的文件,如CSS、JS、图片等……

WordPress最佳免费CDN:jsDelivr + Github插图3

4.发布仓库,点击「release」发布,输入自定义发布版本号。

WordPress最佳免费CDN:jsDelivr + Github插图4

5.使用 jsDelivr 来引用资源

https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径

例如:https://cdn.jsdelivr.net/gh/woshileifeng1/wordpresscdn@1.0/aplayer.min.js

如果不需要版本号区分,也可以直接:

https://cdn.jsdelivr.net/gh/woshileifeng1/wordpresscdn/aplayer.min.js

6.接下来把CDN好的CSS和JS等文件地址,都替换到你主题里面去。

7.可以在你主题的头部文件加入 <link rel=’dns-prefetch’ href=’//cdn.jsdelivr.net’ /> 预读DNS,加快解析

GitHub+jsDelivr+PicGo搭建免费图床

1.新建立一个github仓库,专门存放上传的图片。

2.生成Access token

WordPress最佳免费CDN:jsDelivr + Github插图5

WordPress最佳免费CDN:jsDelivr + Github插图6

3.下载PicGo软件:https://github.com/Molunerfinn/picgo/releases

4.填入刚才在Github创建的信息,指定存储文件夹的路径,PicGo上传文件的时候,将自动在github仓库中创建此文件夹。

自定义域名:https://cdn.jsdelivr.net/gh/用户名/图床仓库名

WordPress最佳免费CDN:jsDelivr + Github插图7

5.可以开始上传图片啦,在上传图片之后自动会将图片链接复制到你的剪贴板里。

WordPress最佳免费CDN:jsDelivr + Github插图8

总结

虽然这种免费CDN折腾起来有点麻烦,不过毕竟免费,还可以作为图床用能节省你的主机流量,加上jsDelivr 和 Github 都是大厂还是比较放心的。喜欢瞎折腾的,可以把整站都丢到 Github 上面,然后通过插件「WP Super Cache」里面的CDN功能来处理静态资源,这里就不给大家演示了,有兴趣自己折腾。

发布者:加密狗,转载请注明出处:https://jiami.dog/4108.html

(0)
上一篇 2022年3月3日 下午10:06
下一篇 2022年3月6日 下午3:59

相关推荐

发表回复

登录后才能评论