Loading... <div class="tip share">请注意,本文编写于 369 天前,最后修改于 2 天前,其中某些信息可能已经过时。</div> # 使用jsDelivr加速Handsome主题的静态资源 **jsDelivr是一个免费的的「开源CDN」** [](https://www.jsdelivr.com/) JSDelivr是用于开源项目的免费公共CDN。它可以直接从npm注册表和GitHub存储库中提供Web文件,而无需进行任何配置。 当前,它是托管多个项目的第二大最受欢迎的公共CDN。 <!--more--> ## 先让大家来看看效果 *下面是[skihome](https://blog.skihome.xyz/ "skihome")的博客在用了这个方案之后的效果* 我自己的就是现在这个效果,但是没有使用前的的截图,所以没法对比  *使用前↑*  *使用后↑* **从效果上来看这可以让你的网站的访问速度有个质的飞跃** --- ## 如何做? *如果懒得动手可以翻到最后面用我已经搭建好的成品* →***如果您会使用Git请按照规范的方法操作下面的步骤,下面的方法只是为了方便新手理解*** ← - 但在开始之前你要确保做好以下准备 1. 确保你有GitHub或npm的账号,如果没有就去注册一个。(本文使用GitHub) 2. 安装一个[GitHub的桌面程序](https://desktop.github.com/ "GitHub的桌面程序")此步骤方便使用Windows且不想用网页版的人 3. 提前准备好你要加速的资源,某些情况下用GitHub要扶梯子 ### 现在正式开始~ #### ① - 打开GitHub桌面应用并登录 - 点击"Add"-"Creat new repository"如图↓  - 设置一个名称,选择好路径,点击"Create repository"↓  #### ② - 打开你选择的目录文件夹,新建一个目录名为 "你的版本号"(此处为6.0.0)↓ *当然也可以通过tag来控制版本*  - 把主题中的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` 如果你如果你设置了tag的话,[点击此处](https://www.jsdelivr.com/?docs=gh "点击此处")查看使用版本(而不是文件夹名)的jsDelivr CDN使用的方法。 #### ③ - 打开你的网站后台,找到"速度优化-将本地静态资源上传到你的cdn上",填上你刚刚得到的地址↓  保存!! #### 此处推荐同时为你的网站选择一个公共CDN库 如果你你的国内访客占大多数可以选择七牛云的,如果你有国外用户的话可以选择jsDelivr的↓  ## 下面是白嫖时间 我已经弄好了的静态资源加速地址↓ #### 开发版 8.1.0 ```html https://cdn.jsdelivr.net/gh/wangkai6688/kaiassets@2.1/8.1.0/ ``` <div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-6f83f810636a7b80c32db3df39ce114826" aria-expanded="true"><div class="accordion-toggle"><span>历史开发版</span> <i class="pull-right fontello icon-fw fontello-angle-right"></i> </div> </div> <div class="panel-body collapse-panel-body"> <div id="collapse-6f83f810636a7b80c32db3df39ce114826" class="collapse collapse-content"> 8.0.0 ```html https://cdn.jsdelivr.net/gh/wangkai6688/kaiassets@2.0/8.0.0/ ``` <div style="height: 15px"></div></div></div></div> #### 正式版 7.3.1 ```html https://cdn.jsdelivr.net/gh/wangkai6688/kaiassets@1.0/7.3.1/ ``` <div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-6d3cedff3c6a3cf652e661a8a497cdad98" aria-expanded="true"><div class="accordion-toggle"><span>历史正式版</span> <i class="pull-right fontello icon-fw fontello-angle-right"></i> </div> </div> <div class="panel-body collapse-panel-body"> <div id="collapse-6d3cedff3c6a3cf652e661a8a497cdad98" class="collapse collapse-content"> 7.1.0 ```html https://cdn.jsdelivr.net/gh/wangkai6688/kaiassets@1.0/7.1.0/ ``` 7.0.0 ```html https://cdn.jsdelivr.net/gh/wangkai6688/kaiassets@1.0/7.0.0/ ``` 6.0.0 ```html https://cdn.jsdelivr.net/gh/wangkai6688/kaiassets@1.0/6.0.0/ ``` <div style="height: 15px"></div></div></div></div> 因为我是刚刚从WordPress换过来的(原来的服务器炸了,什么都没留下)所以这里只有6.0.0(此文章发布时的最新版),以后出了新版本也会继续更新跟进新的版本 如果我没有及时更新的话可以在下面留言联系我催更,如果你在网页上发现了我的QQ的话也可以呦~~ #### 好了这是我在typecho写的第一篇文章,markdown也是第一次用,如果有什么不对的地方欢迎大家来指正 : ) 最后修改:2021 年 03 月 06 日 02 : 07 PM © 允许规范转载 赞赏 如果觉得我的文章对你有用,请随意赞赏 ×Close 赞赏作者 扫一扫支付 支付宝支付 微信支付
16 条评论
更新真快
因为自己要用嘛?
为什么我博客有访问资源但是显示0Hits啊
是说的CDN的hit么,?没太看懂?♂️
路过,看不懂
https://cdn.jsdelivr.net/gh/你的GitHub用户名/你的储存库名称(repository name)/6.0.0/assets 这个后面有assets,而你给出的却没有,到底哪个是对的呢
分情况不同,要是完全按上面的教程做的,把assets连文件夹一起复制到6.0.0目录里了的话就要加assets。我的那个是把assete文件夹里面的文件复制到了6.0.0文件夹里,没有复制文件夹,所以没有assets
感谢分享
感谢大佬,之前设置的都出错了,这次可以了,速度快了点
我刚照着试了一下,网页加载速度快了好几倍,谢谢大佬!
感谢分享 活到老学到老!支持大佬
fonts跨域,自动设置?
不需要另行设置,没有发现跨域相关的错误
(☆ω☆)看起来可以的,回来试试
过程完整,通俗易懂
我怀疑你再水评论,但是没有证据,,,,,,