基于 Hexo 的 GitHub Pages 配置 CloudFlare CDN

基于 Hexo 的 GitHub Pages 配置 CloudFlare CDN

概述

由于 GitHub Pages 在国外，静态博客页面在国内访问速度可能会非常慢，我们可以用 CDN 来加速，对比了下 CloudFlare CDN 和 腾讯云 CDN，发现 CloudFlare 免费版没有流量限制（腾讯云 CDN 每月由流量限制），而且配置起来非常简单，所以在此选用 CloudFlare CDN 来加速页面访问。

准备工作

• 个人域名
• CloudFlare 账号
• 基于 hexo 的 github_username.github.io 静态博客

配置流程

1. 在 Hexo 博客 source 文件夹新建名为 CNAME 的文件，内容为个人域名；
2. hexo g && hexo d 部署生产的静态页面到 GitHub；
3. 进入 CloudFlare 控制台，点击添加站点，输入个人域名，根据向导进行操作；
4. 在 CloudFlare DNS 配置页面配置两个 CNAME 均指向 github_username.github.io 地址：
   根域名(@) CNAME 到 github_username.github.io
   子域名(www) CNAME 到 github_username.github.io

⚠️注意：其实一般的域名提供商是不支持根域名 CNA