使用jsDelivr加速Handsome主题的静态资源

jsDelivr是一个免费的的「开源CDN」

jsDelivr

JSDelivr是用于开源项目的免费公共CDN。它可以直接从npm注册表和GitHub存储库中提供Web文件,而无需进行任何配置。
当前,它是托管多个项目的第二大最受欢迎的公共CDN。

先让大家来看看效果

下面是skihome的博客在用了这个方案之后的效果
我自己的就是现在这个效果,但是没有使用前的的截图,所以没法对比


使用前↑


使用后↑

从效果上来看这可以让你的网站的访问速度有个质的飞跃


如何做?

如果懒得动手可以翻到最后面用我已经搭建好的成品
如果您会使用Git请按照规范的方法操作下面的步骤,下面的方法只是为了方便小白理解

  • 但在开始之前你要确保做好以下准备
  1. 确保你有GitHub或npm的账号,如果没有就去注册一个。(本文使用GitHub)
  2. 安装一个GitHub的桌面程序此步骤方便使用Windows且不想用命令的人
    下载缓慢,无法下载点此处下载
  3. 提前准备好你要加速的资源,某些情况下用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也是第一次用,如果有什么不对的地方欢迎大家来指正 : )

最后修改:2020 年 03 月 15 日 12 : 13 AM
如果觉得我的文章对你有用,请随意赞赏