5

基于 Hexo 的 GitHub Pages 配置 CloudFlare CDN

 2 years ago
source link: https://blog.csdn.net/qianghaohao/article/details/83714575
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

基于 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

⚠️注意:其实一般的域名提供商是不支持根域名 CNAME ,只有子域名才可以,但是 CloudFlare 通过 CNAME Flattening 技术支持这种配置。这么做的好处是我们不需要再一个个添加以 GitHub Pages 的 IP 为值的 A 记录了,同时还能提高后续的可维护性,后续即使 GitHub Pages 的 IP 发生了变化,也不影响,CloudFlare 会通过 CNAME Flattening 技术 自动解析出来。

在这里插入图片描述
5. 将个人域名的 NS 记录修改为 CloudFlare 的 NS;
6. 等 CloudFlare DNS 解析生效后,并且 CloudFlare 站点状态为 Active 即表示配置生效。
在这里插入图片描述

CloudFlare CDN HTTP 强制跳转 HTTPS

默认情况下配置完成后 HTTPS 是开启的,会在 24 小时内给你配的站点颁发 https 证书,并且证书是自动更新的。我们可以在 CloudFlare 控制台配置 HTTP 强制跳转 HTTPS:
在这里插入图片描述
在这里插入图片描述


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK