使用 CDN 加速博客的访问速度

使用公共 CDN 加速开源库

本博客使用 NexT 所以以 NexT 的配置文件为主 打开主题目录下的配置文件_config.yml

在配置文件底部的vendors下填入各开源库使用的 CDN 链接

这里推荐一个 Staticfile CDN 虽然主页看起来好几年没更新 但库还是新的

直接搜索库名然后填入配置文件中即可

ZzILlV.webp

ZzIIoj.webp

使用私有 CDN 加速私有静态文件

本博客的服务商是腾讯云 所以这里以腾讯云做示范

先开通对象存储内容分发网络这两个服务 新人有免费试用

对象存储

在腾讯云的控制台中点开对象存储 点击创建存储桶

ZzoQpt.webp

自行设置好名称与地域后确认

打开主题目录下的配置文件_config.yml 修改最末尾的# Assets部分

ZzTwUH.webp

记住这里是。file 而不是。cos-ap 因为等一下要开启 CDN CDN 的域名与存储桶的域名并不一样

修改完后保存Hexo g 生成静态文件

public目录下的css\js\images文件夹上传到存储桶

内容分发网络

存储桶页面点击域名管理->默认加速域名旁的编辑 打开开关

ZzTWVg.webp

然后保存

然后也没什么好说的 只需要注意** CDN 的域名与存储桶的域名并不一样**

其他的高级设置因人而异 所以到此为止

使用 DNS 海内外分流加速

GitHub Pages

很多人会在自己服务器上部署一个 Web 服务器同时部署一个 Github Pages

众所周知 Github 的服务器在海外 那么海外访问直接导向 Github Pages 体验会更好

怎么配置 Github Pages 跟 Hexo 就不说了 直接进入如何配置 DNS 与 Github Pages

进入 Github 里 Github Pages 相对应的仓库 点击Settings

Zz7Msf.webp

拉到Github Pages部分

Zz7wLT.webp

Custom domain输入想要分流自己的域名 然后Save

进入 DNS 服务商的管理页面 新建一个记录

主机记录对应Custom domain 记录类型选择CNAME 线路选择境外

记录值填入Github Pgaes的域名*.github.io 保存

Zz7Wy6.webp

Cloudflare

Cloudflare官网不支持 CNAME 方式接入 所以我们要使用Cloudflare's Partner来接入我们的域名

先在Cloudflare官网注册一个帐号 然后进入一个Cloudflare's Partner的网站

这里推荐一个https://cdn.wzfou.com/ 使用Cloudflare帐号登陆

新增域名填入自己的主域名 即xxx.xx

ZzH9Yj.webp

管理 DNS->DNS 管理->添加记录

ZzHGnK.webp

记录名称与上面的主机记录一样 填入要接入的域名

但这里记录类型A 记录内容服务器真实 IP CDN 就可以提交

ZzHgAg.webp

回到管理页面 复制CNAME 设置里对应域名的CNAME

进入 DNS 服务商的管理页面 新建一个记录

主机记录对应上面记录类型 记录类型选择CNAME 线路选择境外

记录值填入上面CNAME 设置里对应域名的CNAME 保存

ZzbVgI.webp

进入 Cloudflare 的官网 登陆 点击刚刚接入的域名 选择Cacheing

Zzb054.webp

Cacheing Level中选择Standard

如何测试

站长工具 -> 网站速度测试

卡卡网

可以根据国内外的测试判断 CDN 是否生效

相关链接

使用 CDN 让你的 Hexo 博客拥有飞一般的体验