如何向 GitHub Pages 添加自定义域名（Hostinger 版）

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

我最近完成了我的作品集网站，能在互联网上拥有属于自己的小天地真是梦想成真。为了实现这个目标，我从 Hostinger 购买了一个域名。我之前已经使用 GitHub Pages 来托管我的网站，所以需要把新域名添加到 GitHub Pages 上。

没有相关的视频教程，所以我查阅了文档。Hostinger 的流程略有不同，但如果你也像我一样想快速完成设置，可以参考这篇博客文章。

请参考此链接。

步骤 1：前往您的 Hostinger 域名 DNS 设置

第一步是访问您的 Hostinger 域名 DNS 设置。您可以通过访问https://hpanel.hostinger.com/domain/yourdomain.com/dns来完成此操作。例如，https ://hpanel.hostinger.com/domain/sidharthmohanty.com/dns 。

步骤 2：删除现有的 CNAME 记录和 A 类型记录

默认情况下，您的域名应该有一个 CNAME 记录。该记录将您的域名指向 Hostinger 的默认网站。我们需要删除此记录，以便创建一个指向我们 GitHub Pages 站点的新 CNAME 记录。同时，请删除所有默认A类型的记录，以避免冲突。

步骤 3：创建两个新的 CNAME 记录

我们需要创建两条新的 CNAME 记录。第一条记录指向www.yourdomain.com[此处应<your-github-username>.github.io填写第一个记录的地址]。第二条记录指向 [此处应yourdomain.com填写第二个记录的地址<your-github-username>.github.io]。

• 输入类型 - CNAME，名称 - www，指向 - .github.io，TTL 可以保留默认值。这适用于有人输入www.yourdomain.com.
• 那么，对于 APEX 域名，或者当用户直接输入域名时，我们也需要进行同样的操作yourdomain.com。为此，我们需要添加一条 CNAME 记录，名称为 @，指向 .github.io。这将自动设置别名类型并将其添加到 DNS 记录中。

添加后应该看起来像这样：

步骤 4：添加 GitHub Pages 的 IP 地址

最后，我们需要将 GitHub Pages 的 IP 地址添加到 DNS 记录中。添加 A 类型记录，名称为 @，TTL 可以保留默认值。以下每个 IP 地址的记录应复制并粘贴到“指向”部分。

185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

添加 IP 地址后，您的 DNS 记录应如下所示：

步骤五：将自定义域名添加到 GitHub Pages

最后一步是将自定义域名添加到 GitHub Pages。您可以前往您的 GitHub 仓库，点击“设置”选项卡。然后，点击“页面”选项卡，并在“自定义域名”字段中输入您的自定义域名。

如果您使用任何“分支”来部署您的网站，这应该可以直接使用，因为 GitHub 会将 CNAME 文件添加到分支中；但如果您使用的是静态网站生成器，则需要手动将其添加到您的public文件夹中。

public/CNAME（应为首字母大写，无后缀）

yourdomain.com

请参考此链接。

完成以上所有步骤后，您应该可以通过访问以下网址来访问您的网站https://yourdomain.com：

恭喜！您已成功将自定义域名添加到 GitHub Pages。

感谢阅读这篇文章✨。如果您觉得有用，请告诉我。如果您想查看我的作品集或了解我的最新动态，可以访问我的网站：https://sidharthmohanty.com/。