首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用jsDelivr加速你的网站

使用jsDelivr加速你的网站

作者头像
何叶
修改2020-11-07 19:47:08
4.7K0
修改2020-11-07 19:47:08
举报
文章被收录于专栏:何叶的专栏何叶的专栏

引入

由于服务器配置、地域等原因,许多站长对自己网站的加载速度十分不满意。但是使用对象存储,会导致产生付费,对非盈利性的站点有较大压力。且存在被攻击的风险。 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加速过后的仓库

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进行检查

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 引入
  • 开始
相关产品与服务
内容分发网络 CDN
内容分发网络(Content Delivery Network,CDN)通过将站点内容发布至遍布全球的海量加速节点,使其用户可就近获取所需内容,避免因网络拥堵、跨运营商、跨地域、跨境等因素带来的网络不稳定、访问延迟高等问题,有效提升下载速度、降低响应时间,提供流畅的用户体验。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档