本文章没有找到对应的语言版本

前言

搭建好自己的博客，发现不能从国内直接访问，于是去网上学习了一下，发现可以用Cloudflare加速国内的访问，即使由于Cloudflare在国内没有节点，访问速度慢一些，不过至少是可以访问了。

博客的搭建可以去看这一篇文章： 使用 GitHub Pages + Hugo 搭建自己的个人博客网站，史上最详细！

准备工作

  • 一个域名
  • GitHub Pages

一、概念

什么是 Cloudflare ？

Cloudflare 是一个免费的 CDN 服务。它能在全球建立你网站的「镜像」，让用户从最近的服务器加载，从而为你的 GitHub Pages 进行国内访问加速。

二、准备域名和设置 Cloudflare

购买域名

一般可以在以下平台购买域名：

我的域名是在 SpaceShip 买的，6 数字以上的 xyz 域名，10 年差不多 50 元，还是挺划算的。

添加域名到 Cloudflare

  1. 注册并登录 Cloudflare
  2. 点击添加域，然后输入你的域名（比如我的就是 067760.xyz ）

添加域名

  1. 点击继续，选择 Free 这个计划

选择计划

  1. 等待 Cloudflare 扫描你的 DNS 记录，然后点击继续前往激活
  2. Cloudeflare会提供你两组 NS （ DNS 服务器），例如：
chin.ns.cloudflare.com
harlan.ns.cloudflare.com

解析服务器

  1. 进入你的域名提供商（比如我的是 SpaceShip ），修改 DNS 服务器为 Cloudflare 提供的 NS 记录

修改DNS

  1. 回到 Cloudflare ，等待你的 DNS 服务器生效，一般要等待 10-30 分钟

等待

二、绑定 GitHub Pages 到域名

在 Cloudflare 配置 DNS 解析

  1. 在 Cloudflare 主页中点进你的域名，然后点击 DNS
  2. 点击添加记录，按照下面设置：
类型：CNAME
名称：blog（取你自己喜欢的）
IPv4 地址：enderppt.github.io（你的仓库地址）
代理状态：打开
TTL：自动

DNS

  1. 点击保存
  2. 然后在添加4条A记录指向这四个地址：(添加时名称填 @ )
185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

A

  1. 和4条AAAA记录指向这四个地址：
2606:50c0:8000::153
2606:50c0:8001::153
2606:50c0:8002::153
2606:50c0:8003::153

AAAA

这几个地址 GitHub 提供有，在这里

在 GitHub Pages 绑定域名

  1. 来到你的 GitHub Pages 仓库，进入 Settings->Pages
  • 在这里https://github.com/<username>/<username>.github.io/settings/pages
  1. 在 Custom domain 处填上你的域名
  2. 点击 Sava 保存，等待 GitHub 检测，出现 ✓DNS check successful
  3. 启动 Enforce HTTPS

如果启用不了 HTTPS 选项，说明 GitHub 还在生成 SSL 证书，通常 10-30 分钟后会变成可用状态

Pages

注意

如果等了许久还是启用不了 Enforce HTTPS ，你要这样做：

  1. 进入 Cloudflare SSL/TLS 设置
  2. 在概述处，确保加密模式是完全，如果不是，点击右侧配置更改

FULL

  1. 点击 SSL/TLS 里面的边缘证书，打开始终使用 HTTPS 和随机加密

始终使用 HTTPS

随机加密

  1. 点击 SSL/TLS 里面的源服务器，打开经过身份验证的源服务器拉取

经过身份验证的源服务器拉取

  1. 回到 DNS 处，把新增的 9 个记录的代理状态从已代理变成仅 DNS （就是让黄云变成灰云）

仅 DNS

  1. 再回到 GitHub Pages 仓库，Remove移除域名重新输入再保存
  2. 然后回到 Cloudflare SSL/TLS 启用 完全（严格） 模式，去 DNS 处，把所有云朵都变黄
  3. 然后回到 GitHub Pages 仓库，发现可以启用 Enforce HTTPS 了

三、测试、检查

访问你的博客地址

http://blog.067760.xyz/   ##自己的域名
https://blog.067760.xyz/   ##如果 HTTPS 已生效

访问成功说明你已经成功了！

遇到问题？

问题解决方案
GitHub Pages 无法启用 HTTPS回去看注意
Cloudflare 显示名称服务器无效等待 DNS 服务器生效，最多 24 小时
网站访问 403/404确保 GitHub Pages 正常运行，并已发布
国内访问仍然较慢在 Cloudflare 开启缓存

四、总结

  • 加速原理：通过 Cloudflare 的 CDN 网络代理 GitHub Pages，实现就近访问。
  • 域名绑定：修改域名 NS 记录指向Cloudflare，并配置 CNAME/A 记录。
  • 安全保障：开启 GitHub 与 Cloudflare 的 HTTPS，实现全链路加密。
  • 最终收益：国内访问速度和稳定性显著提升，网站体验更佳。

五、Reference

GitHub Pages 绑定自定义域名 & Cloudflare 配置教程

github Page博客速度优化+Cloudflare_https两端配置+解决重定向次数过多问题

说些什么吧！

twikoo