jsDelivr加速 阅:90

引入

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

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

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

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

开始

1)下载主题的静态文件夹 以handsome主题为例,主题文件夹在站点根目录/usr/themes/handsome/assets目录下。有条件的可以验证MD5是否相同
2)在Github新建任意仓库,并进行分级、分配文件夹 WEB端手动建立文件夹方式:由于GitHub页端不支持点击新建文件夹,需要在建立文件夹的目录下新建空文件,/new/new.html。 html文件可以在之后删除,或者作为Readme.html使用也可以。
3)上传静态文件夹 注意:GitHub单次仅限上传100个文件,大部分主题需要分次上传,建议提前点开查看文件数量。
4)确认文件上传无误
5)手动访问jsDelivr加速过后的仓库

例如晚风:https://cdn.jsdelivr.net/gh/wanfengba/tuping/xxx.xxx
主题后台或手动对文件进行引用 以handsome主题为例:
设置外观→速度优化→将本地静态资源上传到你的cdn上→填写引用的外链
7)访问网站,F12进行检查

转载来源

文章数

50篇

评论数

99

分类数

7

页面数

7

标签


typecho 笔记 主题 小说 功能 Eliauk 字体 故事 pjax ajax lazyload jsDelivr 自适应 分页样式 以德服人 郭德纲 相声 温柔文案 扁食 表情 相册 源码 美化 英语 流光按钮