为博客添加免费的CDN加速

添加CDN

设置statics

在根目录或者themes_config.yml文件下配置

1
2
格式:statics: https://cdn.jsdelivr.net/gh/账户名/仓库名/
statics: https://cdn.jsdelivr.net/gh/0000rookie/github.io/

0120221027

刷新CDN.jsDelivr

打开浏览器输入你statics的资源路径,回车刷新一下。

1
2
https://cdn.jsdelivr.net/gh/0000rookie/github.io/
https://cdn.jsdelivr.net/gh/账户名/仓库名/

如果成功了是以下的样子,如果没出现,等几分钟再刷新一下

03

这个urlroot是不用管的,一开始我是设置url的,但是网站没有出现样式,访问cdn的时候返回是无定义

021027

如果样式还是没出现,打开你网站,F12调试一下,修改一下你的CSS路径,看看是哪里出问题,看报错信息是什么

04

如果是出现这个错误,说明你的statics路径填错了,找不到你的路径文件

05

刷新jsdelivr

有时候在加载网页的时候,CDN刷新总是非常的慢,想快点看到,但是一直不刷新,这就需要我们去手动刷新CDN.jsdelivr缓存了,不手动刷新的话,可能要等`24小时`左右才会自动刷新。

先看看你的静态资源有没有配置好,打开你的静态资源链接,如:

1
2
statics: https://cdn.jsdelivr.net/gh/用户名/仓库名/  
#此处的用户名是我的github用户名,仓库名是我hexo部署的仓库名,你根据自己的情况打开正确的链接

如果出现以下这个页面,说明cdn已经有缓存到你的静态文件了,如果没出现,说明你本地配置的statics没配置好

01

如何刷新呢?打开以下链接,在url链接框回车

1
2
https://purge.jsdelivr.net/gh/用户名/仓库名@master/ 
#将statics中的cdn替换为purge,在后面加上你仓库的分支名,我仓库默认分支是master

如果有出现这个界面并且status返回的是finished说明成功了

02

此时已经刷新成功啦