请注意,本文编写于 1190 天前,最后修改于 687 天前,其中某些信息可能已经过时。
使用jsDelivr加速Handsome主题的静态资源
jsDelivr是一个免费的的「开源CDN」
JSDelivr是用于开源项目的免费公共CDN。它可以直接从npm注册表和GitHub存储库中提供Web文件,而无需进行任何配置。
当前,它是托管多个项目的第二大最受欢迎的公共CDN。
先让大家来看看效果
下面是skihome的博客在用了这个方案之后的效果
我自己的就是现在这个效果,但是没有使用前的的截图,所以没法对比
使用前↑
使用后↑
从效果上来看这可以让你的网站的访问速度有个质的飞跃
如何做?
如果懒得动手可以翻到最后面用我已经搭建好的成品
→如果您会使用Git请按照规范的方法操作下面的步骤,下面的方法只是为了方便小白理解 ←
- 但在开始之前你要确保做好以下准备
- 确保你有GitHub或npm的账号,如果没有就去注册一个。(本文使用GitHub)
- 安装一个GitHub的桌面程序此步骤方便使用Windows且不想用命令的人下载缓慢,无法下载点此处下载
- 提前准备好你要加速的资源,某些情况下用GitHub要扶梯子
现在正式开始~
①
- 打开GitHub桌面应用并登录
- 点击"Add"-"Creat new repository"如图↓
- 设置一个名称,选择好路径,点击"Create repository"↓
②
- 打开你选择的目录文件夹,新建一个目录名为 "你的版本号"(此处为6.0.0)↓这样做是为了方便小白,大佬可以分版本上传
- 把主题中的assets文件夹复制到这个目录中
- 返回GitHub桌面程序,填写"Summary",点击"Commit to master",然后点击"Publish repository"↓
- 取消勾选"Keep this code private",点击"Publish repository"↓
等待他上传完成后你就拥有了你的jsDelivr CDN加速地址↓
https://cdn.jsdelivr.net/gh/你的GitHub用户名/你的储存库名称(repository name)/6.0.0/assets
如果你熟悉Git没有按照上面的不规范方法上传的话,点击此处查看使用版本(而不是文件夹名)的jsDelivr CDN使用的方法。
③
- 打开你的网站后台,找到"速度优化-将本地静态资源上传到你的cdn上",填上你刚刚得到的地址↓
保存!!
此处推荐同时为你的网站选择一个公共CDN库
如果你你的国内访客占大多数可以选择七牛云的,如果你有国外用户的话可以选择jsDelivr的↓
下面是白嫖时间
我已经弄好了的静态资源加速地址↓
https://cdn.jsdelivr.net/gh/wangkai6688/kaiassets/6.0.0/
因为我是刚刚从WordPress换过来的(原来的服务器炸了,什么都没留下)所以这里只有6.0.0(此文章发布时的最新版),以后出了新版本也会继续更新跟进新的版本
如果我没有及时更新的话可以在下面留言联系我催更,如果你在网页上发现了我的QQ的话也可以呦~~
好了这是我在typecho写的第一篇文章,markdown也是第一次用,如果有什么不对的地方欢迎大家来指正 : )
如果版本更新或加速地址变化请查看原文
规范转载,来自锴|一个神奇的角落
2 comments
读时的感受:嗯,ski 小阔爱写的很棒欸,但其实有更... (看到了最后的转载标识)
(愣住)最后说:嗯,转载这样的文章也很有品味呢(←放彩虹屁
φ( ̄∇ ̄o)