使用jsDelivr加速你的网站

2020-11-07 19:47:08 浏览数 (3)

引入

由于服务器配置、地域等原因,许多站长对自己网站的加载速度十分不满意。但是使用对象存储,会导致产生付费,对非盈利性的站点有较大压力。且存在被攻击的风险。 jsDelivr就是一款免费的CDN,可以为站长提供免费的加速服务。 倘若愿意自行配置,可以采用本篇文章的方案。本文大部分批注为页端,使用GitHub Desk的用户可以酌情阅读。同样的,除了引用静态资源,我们也可以引用图片资源。

目前GITHUB仓库容量是没有上限的!不过官方推荐在1G以内! 仓库单个文件50M会收到警告,大于100M会被拒绝! jsDelivr仅能针对50M以下的文件CDN加速!

ps:使用VOID的用户我们更建议使用对象存储,您可以划到底部选择"付费"。

难以兼容没有专门静态资源文件夹/无法批量引用的主题

开始

1)下载主题的静态文件夹 以handsome主题为例,主题文件夹在站点根目录/usr/themes/handsome/assets目录下。有条件的可以验证MD5是否相同

2)在Github新建任意仓库,并进行分级、分配文件夹 WEB端手动建立文件夹方式:由于GitHub页端不支持点击新建文件夹,需要在建立文件夹的目录下新建空文件,/new/new.html。 html文件可以在之后删除,或者作为Readme.html使用也可以。

3)上传静态文件夹 注意:GitHub单次仅限上传100个文件,大部分主题需要分次上传,建议提前点开查看文件数量。

4)确认文件上传无误

5)手动访问jsDelivr加速过后的仓库

代码语言:javascript复制
https://cdn.jsdelivr.net/gh/用户名/repo@version/文件名(文件夹名)

例如忆梦新云:https://cdn.jsdelivr.net/gh/heyechuanmei/YiMengXinYun@master/static/typecho/handsome/7.3.1/assets 6)主题后台或手动对文件进行引用 以handsome主题为例:设置外观→速度优化→将本地静态资源上传到你的cdn上→填写引用的外链

7)访问网站,F12进行检查

0 人点赞