1. 小趣网首页
  2. DevOps

使用CDN(jsdelivr) 优化博客访问速度

地创建一个CDN

本地创建一个文件夹用来存放需要上传的文件

比如我这里直接把主题的source文件夹放在CDN上了.因为访问博客的时候,浏览器请求的时候,先去请求这些JS,CSS,图片等资源,然后才会显示博客里面的内容,这也是为什么很多同学访问我的博客会一直卡在最后一公里,一直进不去的原因.

Github上创建一个repo

需要先在Github上创建一个repo来存放我们需要CDN来分发的文件

创建完仓库后,记得初始化这个仓库让Github自动生成一个readme.md 即可 不然后面执行命令时候会报错的

在创建完仓库后,需要你操作的第一个操作里面,选择即可

将CDN仓库克隆到本地

1) 复制链接

2)初始化一个新的本地仓库

在第一步创建的文件夹右键,Git Bash here ( 前提是安装了Git )

git init
git remote add origin + 复制的链接
git pull origin master #将仓库拉取到本地文件夹

3)为仓库添加文件

git add .

其中,. 表示添加所有文件

4)提交更新

git commit -m 'first commit' 其中''中的内容可自定义.即描述内容

其实这步操作是可以不用滴 0,0

5)推送本地文件到Github仓库

git push origin master # 将本地仓库文件推送到Github 仓库

为repo设置一个release

jsdelivr 引用资源

使用方法:

https://cdn.jsdelivr.net/gh/你的用户名/你的仓库名@发布的版本号/文件路径

比如:

我这里引用资源的话,就是这样的

https://cdn.jsdelivr.net/gh/Ifonly-go2019/cdnforblog@1.0.0/source/

引用成功后,会看到这样的界面:

需要修改的地方

然后在主题的配置文件

找到关于CDN加速的配置,填上这个链接即可

完成了,现在清空一下缓存来看一下访问速度

如果遇到资源更新

因为之前定义了版本后,资源更新后,就更改下版本后,然后在本地CDN仓库添加或修改文件,然后执行以下命令

git pull origin master  #拉取远程仓库到本地
git add .
git commit -m '描述内容'
git push origin master  # 推送到GitHub仓库

enjoy~

本文归属 thenx - 小趣网版权所有,若需转载请联系站长
网站标题:小趣网
网站地址:https://thenx.org.cn
文章标题:使用CDN(jsdelivr) 优化博客访问速度
文章链接:https://thenx.org.cn/1103.html
作者昵称:thenx-admin
作者链接:https://thenx.org.cn/%e4%b8%aa%e4%ba%ba%e4%b8%ad%e5%bf%83%e9%a1%b5%e9%9d%a2/thenx-admin

发表评论

登录后才能评论

联系我们

站长邮箱: opensource@thenx.org

Github: https://github.com/thenx-projects

注意:但凡您有需要任何问题及需求,都可以通过以上联系方式联系本站站长 !

QR code