NameHug
新闻资讯
使用教程· 1 次阅读

给 GitHub Pages、Vercel、Netlify 绑定自定义域名

个人博客和前端项目部署在 GitHub Pages、Vercel 或 Netlify 后,如何绑定自己的域名并启用 HTTPS:每个平台需要的解析记录和设置步骤。

GitHub Pages、Vercel、Netlify 都提供免费的网站托管,默认地址是平台的二级域名,例如 username.github.io。绑定自己的域名,访问地址更专业,也便于以后迁移平台。

绑定都分两步:在平台上添加域名,再到域名解析里添加平台要求的记录。

GitHub Pages

平台设置

在仓库的 Settings → Pages → Custom domain 中填写域名(如 www.example.com)并保存。

解析记录

  • 主域名(@)添加 4 条 A 记录:185.199.108.153、185.199.109.153、185.199.110.153、185.199.111.153。
  • www 添加 CNAME 记录,指向 用户名.github.io。

解析生效后,回到 Pages 设置勾选 Enforce HTTPS。证书由 GitHub 自动签发,可能需要等待一段时间。

Vercel

平台设置

在项目的 Settings → Domains 中添加域名。Vercel 会显示该项目需要的解析记录。

解析记录

  • 主域名(@):A 记录,记录值以 Vercel 页面显示的为准(常见为 76.76.21.21)。
  • www:CNAME 记录,指向 cname.vercel-dns.com。

记录生效后,Vercel 会自动签发 HTTPS 证书。

Netlify

平台设置

在站点的 Domain management 中添加自定义域名。

解析记录

  • 主域名(@):A 记录,指向 Netlify 提供的负载均衡 IP 75.2.60.5。
  • www:CNAME 记录,指向 站点名.netlify.app。

Netlify 同样会在解析生效后自动签发 HTTPS 证书。

常见问题

主域名能不能用 CNAME?
按 DNS 标准,主域名不能设置 CNAME,否则会和邮箱的 MX、验证用的 TXT 记录冲突。请按上文为主域名添加 A 记录。

添加记录时提示冲突?
域名注册后可能带有默认的停放解析,或者之前添加过其他记录。删除同一主机记录上的旧记录后再添加。

HTTPS 证书一直签发不了?
确认解析已经生效(可以换个网络访问试试),并检查域名是否设置了 CAA 记录。如果设置了 CAA,需要允许平台使用的证书机构。

同时使用企业邮箱有影响吗?
没有影响。网站用的是 A 和 CNAME 记录,邮箱用的是 MX 和 TXT 记录,可以共存。

在 NameHug 一键配置

在 NameHug 管理的域名,可以在域名详情的“一键连接”中选择 GitHub Pages、Vercel 或 Netlify,填写用户名或项目信息后,系统会自动添加上述记录;与之冲突的旧记录会先列出,确认后再替换。

更多解析知识,请阅读域名解析设置指南。还没有域名?可以先查询并注册。

给 GitHub Pages、Vercel、Netlify 绑定自定义域名 — NameHug