jsDelivr介绍
jsDelivr是一个提供数千种Javascript、CSS等超过1650多种 Libraries 加速的免费CDN服务,支持给Github、WordPress、NPM免费提供CDN加速。而且国内也有 CDN 节点,速度非常快。
jsDelivr官方:https://www.jsdelivr.com/
Github介绍
Github目前最好用的免费开源项目托管站点,众多开源项目都托管在Github,目前Github已被微软收购了。
Github官方:https://github.com/
利用 jsDelivr + Github 给 WordPress 免费加速
1.注册 Github 账号
2.新建Github仓库,Repository name:输入仓库名称,然后点击「Create repository」开始创建。
3.点击「Upload files」上传你要CDN的文件,如CSS、JS、图片等……
4.发布仓库,点击「release」发布,输入自定义发布版本号。
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
3.下载PicGo软件:https://github.com/Molunerfinn/picgo/releases
4.填入刚才在Github创建的信息,指定存储文件夹的路径,PicGo上传文件的时候,将自动在github仓库中创建此文件夹。
自定义域名:https://cdn.jsdelivr.net/gh/用户名/图床仓库名
5.可以开始上传图片啦,在上传图片之后自动会将图片链接复制到你的剪贴板里。
总结
虽然这种免费CDN折腾起来有点麻烦,不过毕竟免费,还可以作为图床用能节省你的主机流量,加上jsDelivr 和 Github 都是大厂还是比较放心的。喜欢瞎折腾的,可以把整站都丢到 Github 上面,然后通过插件「WP Super Cache」里面的CDN功能来处理静态资源,这里就不给大家演示了,有兴趣自己折腾。