如何轻松将GitHub Pages域名绑定,打造个性化网站?
- 内容介绍
- 文章标签
- 相关推荐
至于常见痛点,为什么你总是绑不成功?
看不懂 DNS 记录?很多新人在域名注册商后台找不到添加 A 记录或 CNAME 记录的位置。
HTTPS 配置总是报错?绑定后页面仍然显示“不安全”,不知道该去哪里打开强制 HTTPS。
解析慢或一直显示错误页面?改完 DNS 后不知道要等多久,也不知道如何检查是否生效。
GitHub Pages 不支持自定义域名?误以为只能使用 username.github.io放弃了个性化需求。
一步步搞定这方面,从购买域名到成功访问你的独立站点
1️⃣ 购买合适的域名
选择一个简短、易记且能体现品牌或个人定位的域名。常见注册商有 、、 等,购买后记住你的域名管理控制台入口,后面会用到。
2️⃣ 在注册商处配置 DNS 记录
A 记录
-
主机记录填写
@ -
指向 IP 地址:
185.199.108.153。185.199.109.153,185.199.110.153,185.199.111.153 - TTL 建议设为默认或最小值,加速解析。
CNAME 记录
-
主机记录填写想要的子域。例如
www -
指向你的 GitHub Pages 域名:
{username}.github.io. - CNAME 必须以点号,否则解析会失败。
痛点缓解:如果不确定怎么添加。可先在注册商搜索 “Add DNS record”,大多数都有图文向导。
3️⃣ 在 GitHub 仓库里开启 GitHub Pages 并设置自定义域名
-
进入你的仓库 → “Settings” → “Pages”。选择要发布的分支(推荐使用
Main) 和根目录(/)。 -
"Custom domain" 输入框中填入完整的自定义域名,例如
www.example.com点击保存。 - GitHub 会自动在仓库根目录创建一个 **CNAME** 文件。文件内容仅是一行你的自定义域名,不带协议和斜杠。
4️⃣ 手动添加/检查 CNAME 文件
# 在本地仓库根目录新建 CNAME 文件
echo "www.example.com"> CNAME
git add CNAME
git commit -m "Add custom domain"
git push origin main
CNAME 文件是 GitHub 判断你是否真的想绑定该域名的关键,一旦缺失会导致绑定失败。
5️⃣ 启用 HTTPS 与强制安全访问
- PAGES 设置页面下方找到 “Enforce HTTPS”。勾选后保存,
- If toggle is greyed out。 等待 DNS 完全生效,再刷新页面即可开启。
- CERTIFICATE 自动由 Let's Encrypt 签发,无需额外费用。
6️⃣ 常见问题排查清单
- DNS 未生效: 使用工具如,输入你的域名查看 A/CNAME 是否已指向正确 IP 或目标。如果仍指向旧值,请清除浏览器缓存并等待 TTL 到期。
- CNAME 文件错误: 确保文件名称全大写且无 名。仅包含一行完整域名,不要出现空格或 http:// 前缀。话说回来,
- No HTTPS option: 检查是否已经正确添加了 A/CNAME 记录而且解析通过;若仍无效,可在 GitHub 社区搜索相同错误代码或提交 issue 求助。
- Permanently重定向 www 与裸域: 在注册商处可以添加 URL 重定向。将裸域 ) 重定向到带 www 的版本,或者反过来根据 SEO 与使用者习惯自行决定。
快速回顾这方面,完整流程图
- 购买并登录你的域名管理后台。
- Add A records 指向四个 GitHub IP;Add CNAME 指向 {username}.github.io.
- 确认仓库根目录有 **CNAME** 文件。内容为你的完整域名,按理说,
- 返回 Settings → Pages 页面勾选 “Enforce HTTPS”。
- 等待 DNS 生效,用浏览器访问验证。
结束语的观点是。从“不会”到“轻松拥有个人品牌站”
只要按部就班完成以上六步,你就能把原本只能 URL 的 GitHub Pages,升级为专属个性化地址。这样不仅提高访客记忆度,还能让搜索引擎更友好。真正拥有自己的线上品牌形象。遇到任何卡点,回头对照上面的排查清单,一般都能快速定位并解决。不过,祝你玩得开心,站点上线顺利!
至于常见痛点,为什么你总是绑不成功?
看不懂 DNS 记录?很多新人在域名注册商后台找不到添加 A 记录或 CNAME 记录的位置。
HTTPS 配置总是报错?绑定后页面仍然显示“不安全”,不知道该去哪里打开强制 HTTPS。
解析慢或一直显示错误页面?改完 DNS 后不知道要等多久,也不知道如何检查是否生效。
GitHub Pages 不支持自定义域名?误以为只能使用 username.github.io放弃了个性化需求。
一步步搞定这方面,从购买域名到成功访问你的独立站点
1️⃣ 购买合适的域名
选择一个简短、易记且能体现品牌或个人定位的域名。常见注册商有 、、 等,购买后记住你的域名管理控制台入口,后面会用到。
2️⃣ 在注册商处配置 DNS 记录
A 记录
-
主机记录填写
@ -
指向 IP 地址:
185.199.108.153。185.199.109.153,185.199.110.153,185.199.111.153 - TTL 建议设为默认或最小值,加速解析。
CNAME 记录
-
主机记录填写想要的子域。例如
www -
指向你的 GitHub Pages 域名:
{username}.github.io. - CNAME 必须以点号,否则解析会失败。
痛点缓解:如果不确定怎么添加。可先在注册商搜索 “Add DNS record”,大多数都有图文向导。
3️⃣ 在 GitHub 仓库里开启 GitHub Pages 并设置自定义域名
-
进入你的仓库 → “Settings” → “Pages”。选择要发布的分支(推荐使用
Main) 和根目录(/)。 -
"Custom domain" 输入框中填入完整的自定义域名,例如
www.example.com点击保存。 - GitHub 会自动在仓库根目录创建一个 **CNAME** 文件。文件内容仅是一行你的自定义域名,不带协议和斜杠。
4️⃣ 手动添加/检查 CNAME 文件
# 在本地仓库根目录新建 CNAME 文件
echo "www.example.com"> CNAME
git add CNAME
git commit -m "Add custom domain"
git push origin main
CNAME 文件是 GitHub 判断你是否真的想绑定该域名的关键,一旦缺失会导致绑定失败。
5️⃣ 启用 HTTPS 与强制安全访问
- PAGES 设置页面下方找到 “Enforce HTTPS”。勾选后保存,
- If toggle is greyed out。 等待 DNS 完全生效,再刷新页面即可开启。
- CERTIFICATE 自动由 Let's Encrypt 签发,无需额外费用。
6️⃣ 常见问题排查清单
- DNS 未生效: 使用工具如,输入你的域名查看 A/CNAME 是否已指向正确 IP 或目标。如果仍指向旧值,请清除浏览器缓存并等待 TTL 到期。
- CNAME 文件错误: 确保文件名称全大写且无 名。仅包含一行完整域名,不要出现空格或 http:// 前缀。话说回来,
- No HTTPS option: 检查是否已经正确添加了 A/CNAME 记录而且解析通过;若仍无效,可在 GitHub 社区搜索相同错误代码或提交 issue 求助。
- Permanently重定向 www 与裸域: 在注册商处可以添加 URL 重定向。将裸域 ) 重定向到带 www 的版本,或者反过来根据 SEO 与使用者习惯自行决定。
快速回顾这方面,完整流程图
- 购买并登录你的域名管理后台。
- Add A records 指向四个 GitHub IP;Add CNAME 指向 {username}.github.io.
- 确认仓库根目录有 **CNAME** 文件。内容为你的完整域名,按理说,
- 返回 Settings → Pages 页面勾选 “Enforce HTTPS”。
- 等待 DNS 生效,用浏览器访问验证。
结束语的观点是。从“不会”到“轻松拥有个人品牌站”
只要按部就班完成以上六步,你就能把原本只能 URL 的 GitHub Pages,升级为专属个性化地址。这样不仅提高访客记忆度,还能让搜索引擎更友好。真正拥有自己的线上品牌形象。遇到任何卡点,回头对照上面的排查清单,一般都能快速定位并解决。不过,祝你玩得开心,站点上线顺利!

