用GitHub Pages建站,如何绑定自定义域名 + 开启 HTTPS 时间: 2026-06-22 22:49 分类: 猿码 热度: 0°C 评论 大家使用 GitHub Pagas 部署网站后,可能需要绑定自己的域名,其实这个操作非常简单。另外,GitHub Pages 还免费提供了 HTTPS,开启也很简单。 ##一、DNS 配置 ###顶级域名 在云服务厂商的 DNS 配置下,分别创建 IPV4 和 IPV6 的解析记录,指向 GitHub Pages 的 IP 地址,这个地址是不会变化的。 ####IPV4 A记录,将域名解析指向 GitHub Pages 的 IP 地址。 185.199.108.153 185.199.109.153 185.199.110.153 185.199.111.153 ####IPV6 AAAA记录,请将顶点域指向 GitHub Pages 的 IP 地址。 2606:50c0:8000::153 2606:50c0:8001::153 2606:50c0:8002::153 2606:50c0:8003::153 这里以阿里云为例:   ###子域名 如果有多个网站,希望给子域名,如`www.example.com`、`blog.example.com`,需要创建将子域名指向`.github.io`的CNAME记录。   ##二、GitHub Pages 配置 在仓库的Setting->Pages里,在自定义域名里输入 DNS 配置好的域名,点击保存,GitHub 会自动进行 DNS 校验,这个过程需要一点时间。  当校验通过以后,就可以勾选下面的强制开启 HTTPS ,没错,是不需要申请 SSL 证书的,GitHub 会自动帮申请(虽然是免费的 Let's Encrtpy )。 再过一会儿,刷新一下,就可以看到个人站点部署完成了,可以进行访问。 ##三、CNAME 配置 配置完后,以后要是更新代码,推送提交到 GitHub 的情况,这时候会发现 GitHub Pages 绑定的域名失效了。 这是因为页面配置自定义域名本质上是在部署目录下创建了一个名为CNAME的文件,里面存着自定义域名,每次 push 重新构建后会被覆盖,然后丢失。 因此需要保证在打包的输出目录,能够有 CNAME 文件,这样就不用每次打包都再指定一遍。 对于 vue 项目来说,只需要将 CNAME 文件放在 public 文件夹下即可,这样构建后 CNAME 文件会保留在产物的根目录下。  标签: 服务器 ssl证书
评论已关闭