GitHub Pages + Cloudflare 自定义域名完整配置

目标

让 wslwf.com 和 www.wslwf.com 都能正常访问，且：

• 所有访问自动跳转到 https://www.wslwf.com
• 强制 HTTPS，满足 AdSense 审核要求
• 开启 Cloudflare 加速与安全优化

---

一、前期准备（已完成部分回顾）

1. 域名接入 Cloudflare

1. 域名注册商后台（如阿里云）

   • 将 DNS 服务器修改为Cloudflare提供的：
     • xxx.ns.cloudflare.com
     • xxx.ns.cloudflare.com

2. Cloudflare 后台

   • 等待域名状态变为：Your domain is now protected by Cloudflare
   • 说明：域名解析权已移交 Cloudflare，可开始后续配置

---

二、Cloudflare DNS 解析配置

进入 Cloudflare 后台 → DNS → Records，添加以下 5 条记录：

记录类型	主机记录（Name）	记录值（Content）	代理状态（Proxy status）
A	@	185.199.108.153	橙色云朵（Proxied）
A	@	185.199.109.153	橙色云朵（Proxied）
A	@	185.199.110.153	橙色云朵（Proxied）
A	@	185.199.111.153	橙色云朵（Proxied）
CNAME	www	woshiliangwenfeng.github.io	橙色云朵（Proxied）

说明：

• @ 代表裸域名 wslwf.com
• www 代表 www.wslwf.com
• 代理状态必须为橙色，才能启用 CDN 和 HTTPS

---

三、GitHub Pages 自定义域名配置

1. 进入你的 GitHub Pages 仓库 → Settings → Pages

2. 在 Custom domain 输入框中，填写：

   www.wslwf.com

3. 点击 Save

4. 等待状态变为：DNS check successful

5. 等待 5--30 分钟，让 GitHub 为 www.wslwf.com 签发 SSL 证书

6. 证书签发完成后，勾选 Enforce HTTPS

关键提示：

• 只绑定 www.wslwf.com，不要同时绑定裸域名，避免证书冲突
• 证书签发期间，Enforce HTTPS 为灰色，属正常现象

---

四、Cloudflare 双域名跳转配置（裸域名 → www）

目标：用户访问 wslwf.com 及其子路径时，自动跳转到 www.wslwf.com

1. 进入 Cloudflare 后台 → Rules → Page Rules

2. 点击 Create Page Rule

3. 配置如下：

   • URL：

     wslwf.com/*

   • 点击 Add a Setting → 选择 Forwarding URL

   • 选择 301 - Permanent Redirect

   • Destination URL：

     https://www.wslwf.com/$1

4. 点击 Save and Deploy

说明：

• * 匹配所有子路径
• $1 保留用户访问的路径，例如：wslwf.com/post/1 → www.wslwf.com/post/1

---

五、Cloudflare 安全与性能优化

1. SSL/TLS 配置（强制 HTTPS）

1. 进入 SSL/TLS
   • 加密模式选择：Full
2. 切换到 Edge Certificates 标签页
   • 开启：Always Use HTTPS

2. 性能优化（可选）

1. 进入 Speed → Settings → Content Optimization
   • 开启：Rocket Loader（异步加载脚本，提升加载速度）
2. 进入 Caching → Configuration
   • Browser Cache TTL 设置为：4 hours

---

六、最终验证

按以下顺序检查所有功能是否正常：

1. 访问 https://wslwf.com
   • 应自动跳转到 https://www.wslwf.com
2. 访问 https://www.wslwf.com
   • 正常打开网站，地址栏显示 HTTPS 锁标
3. GitHub Pages 后台
   • Enforce HTTPS 已勾选，无报错
4. Cloudflare 后台
   • 域名状态为 Active
   • Page Rules 已部署并启用

---

常见问题排查

1. Enforce HTTPS 无法勾选

• 原因：GitHub 尚未签发 SSL 证书
• 解决：等待 5--30 分钟，无需修改配置

2. 跳转不生效

• 检查 Page Rules 是否保存成功
• 检查 DNS 解析记录的代理状态是否为橙色
• 清除浏览器缓存或使用无痕模式测试

3. 网站无法访问

• 检查 DNS 解析记录是否填写正确
• 检查 GitHub Pages 仓库是否正常部署