如何为 GitHub 托管网站设置自定义域名

引言

使用 Github Pages，您可以设置您自己的个人网站、投资组合网站，甚至是一个功能齐全的博客（基于 Jekyll），使用您自己的自定义域名，您只需支付域名费用（给您的域名卖家，每年大约 12 美元）。 这不是很棒吗？

您的 Github 托管网站或博客使用与 Github 相同的基础设施，因此您不必担心超出带宽或类似问题。如果您是一位使用流行的博客和 CMS 平台（如 Wordpress）的博主，您可以考虑切换到 Jekyll 和 GitHub Pages。 Jekyll 允许您拥有一个功能齐全的博客，其中包含帖子、类别、分页和其他很酷的功能，与其它平台的主要区别在于，没有数据库！只有静态文件。 Jekyll 是 Github Pages 背后的静态站点生成器和引擎，因此您可以在 GitHub 上托管任何基于 Jekyll 的博客，GitHub 将负责为您运行 Jekyll，并在每次提交时使您的站点准备好提供服务。

在本教程中，我们将介绍如何为您的使用 GitHub Pages 托管的网站设置自定义域名。

我们假设您已经配置了 Github Pages，并已准备好使用自定义域名，当然，您已经购买了您想要使用的域名。

您可以使用两种稍有不同但等效的方法将您的自定义域名链接到您的 Github Pages。

方法 1：手动创建 CNAME 文件

首先，您创建您的本地 git 存储库

接下来，输入您的存储库信息和其他可选内容，例如描述。

添加一些 HTML、CSS 和 JavaScript 文件，以及一个 index.html 文件，然后在 root 文件夹（index.html 所在位置）中创建一个 CNAME 文件。

mkdir my-website && cd my-website
git init
mkdir css js
touch index.html
echo "hello world" > index.html 
touch CNAME 
echo "my-domain-name.com" > CNAME

接下来，您只需要提交并将文件推送到您创建的 GitHub 存储库即可。

git remote add origin https://github.com/techiediaries/my-github-website.git
add .
commit -m "first website commit"
git push -u origin master 

您的存储库源应该看起来像以下屏幕截图

默认情况下，GitHub Pages 已禁用，您需要通过转到存储库设置来启用它们，向下滚动直到找到 Github Pages 窗格，然后选择您的网站源以启用 Github Pages。

选择 master 分支作为源，然后单击保存。

现在，在设置页面重新加载后，您应该会看到此消息

 Your site is ready to be published at http://my-domain-name.com/.

这就是您需要从 GitHub 方面做的一切。

方法 2：从存储库设置创建 CNAME

第二种方法等同于第一种方法，您无需手动创建 CNAME 文件。

推送您的存储库（未创建 CNAME）后，转到设置，选择您的网站的源并单击保存。

设置页面重新加载后，您需要输入您的域名并单击保存。

将自动为您创建一个 CNAME 文件，转到 repo 源查找它。

只需确保将更改拉取到您的本地存储库，这样您在下次提交和推送本地 repo 时就不会发生冲突。

将您的域名提供商 DNS 指向 GitHub

接下来要做的是设置您的域名提供商 DNS 以指向 GitHub 服务器。

无论您使用哪个 DNS 提供商，您所要做的就是创建一个别名、A 记录或 A 记录，并将其指向 Github 服务器。

因此，只需按照您的 DNS 提供商的说明进行操作，然后创建两个 A 记录，将您的自定义域名指向这些 GitHub IP 地址

192.30.252.153
192.30.252.154

确保您的根域指向您提供的两个 IP 地址。 等待一段时间后，让 DNS 信息传播（传播周期因提供商而异）。 然后您可以访问您的网站以查看一切是否正常，如果不是，请尝试使用 dig 等实用程序来查看您的根域是否指向 GitHub IP 地址。

$ dig my-domain-name.com +nostats +nocomments +nocmd

通常，您应该得到类似这样的结果

my-domain-name.com.   73  IN  A 192.30.252.153
my-domain-name.com.   73  IN  A 192.30.252.154

结论

恭喜您设置了您的自定义域名以指向您的 GitHub 托管网站。 正如我之前所说，如果您是一位博主，您应该考虑 Jekyll 作为其他博客平台的替代方案，特别是如果您正在寻找免费的优质托管。 您可以在此 链接 找到我们刚刚创建的存储库。

这篇文章 How to setup a custom domain for your github hosted website 首次发表于 techiediaries.