我之前用的是javi的公益服务,但他是用的对象存储,要花钱。为了给javi省钱,我决定用jsDelivr白嫖加速handsome静态文件。

如果你想直接用现成的话,请点击前往使用javi的服务。

由于有人恶意盗用作者的主题资源,因此我删除了公共项目。

jsDelivr是什么

jsDelivr由ProspectOne维护的公共库,使用的融合CDN技术,由Cloudflare、Fastly、StackPath、QUANTIL等CDN供应商提供了全球超过750个CDN节点。
最重要的是,jsDelivr在中国大陆也拥有超过数百个节点,因为jsDelivr拥有正规的ICP备案,解决了中国大陆的访问速度优化,实现真正的全球极速低延迟体验。
jsDelivr是免费的、不限制带宽的,可以加速NPM、Github内的文件。
本文采用的方法就是将静态文件资源放到Github的仓库内,再使用jsDelivr进行加速访问,达到完全零成本优化访问速度。相当于一个高速访问的图床!
jsdelivr-cdn.png

开始使用

创建仓库

在Github新建一个公开仓库,用于存放我们的静态文件资源。这里不再过多赘述,下面的链接是我的静态文件资源仓库。

https://github.com/wnark/handsome-assets

使用jsDelivr访问资源

根据jsDelivr的文档,有很多种访问资源的方式,但因为我懒得维护,就选择了最简单的一种
根据jsDelivr的要求,文件路径为:https://cdn.jsdelivr.net/gh/user/repo@latest/file
以我的为例:

https://cdn.jsdelivr.net/gh/wnark/blog-assets@latest/6.0.0/

目前博主使用的是这种方案。这种方案不需要发布releases,可以直接从master读取文件,而且实时更新缓存。
但是官方并不推荐使用这种方法,因为修改master的文件后,如果没有修改网站的旧链接,可能会出问题。根据你自己的情况决定吧。

访问统计

jsDelivr还提供了文件列表和文件访问统计页面:
文件列表:https://cdn.jsdelivr.net/gh/user/repo/
比如我的:https://cdn.jsdelivr.net/gh/wnark/handsome-assets/

访问统计:https://www.jsdelivr.com/package/gh/user/repo
比如我的:https://www.jsdelivr.com/package/gh/wnark/handsome-assets

代码压缩

jsDelivr还提供了代码压缩服务,比如将JS/CSS的代码压缩,优化访问速度。
只是前几次访问会执行压缩操作,速度比较慢。后面就会将文件缓存,速度不会再慢了。
。。。只不过不适合handsome用,就算了。。。

前几次会非常慢,手动多刷新几次后,缓存建立好后就很快了。

使用方法

Handsome主题的后台设置-速度优化-将本地静态资源上传到你的cdn上中填写:

https://cdn.jsdelivr.net/gh/wnark/handsome-assets@master/{版本号}/

https://cdn.jsdelivr.net/gh/wnark/handsome-assets@master/6.0.0/

参考:
Handsome静态资源加速
利用jsDelivr白嫖全球超高速静态资源访问服务!
GitHub+jsDelivr 打造免费且速度理想的 OSS

最后修改:2020 年 07 月 01 日
如果觉得我的文章对你有用,请随意赞赏