GitHub是微软的在线版本控制系统，开发人员可以在其中托管他们的源代码。 GitHub Pages是 GitHub 的扩展。 GitHub Pages 是托管网站或直接从 GitHub 展示项目的一种美妙而简单的方式。如果您想知道如何将静态网站部署到 GitHub，请参阅以下文章：
- 如何在 GitHub 上发布静态网站？
- 如何在 GitHub 上部署你的 React 网站？
尽管 GitHub 页面为我们提供了免费托管和 URL。但有时，如果我们展示一个重要的项目，如商业网站或投资组合，那么我们希望拥有一个我们选择的自定义域，而不是默认域。所以在这里我们将看到如何将自定义域添加到 GitHub 页面或我们在 GitHub 上部署的网站。
先决条件：
在开始之前需要满足的唯一先决条件是我们的项目必须已经在 GitHub 上。在这里，我们将向名为 WebRachna 的网站添加自定义域，该网站是一家网站制作公司。
第 1 步：获取自定义域
第一步是购买我们选择的域名。我们可以从任何注册的域名购买，通常，谷歌域名被认为是市场上最好的。但我选择使用 GoDaddy，因为他们在我选择的域名上有折扣价。我得到了 webrachna.in，它将在后续步骤中连接到 GitHub 页面。
第 2 步：gh-pages 分支
在这一步中，我们将在我们的项目存储库中创建一个新分支，并将其命名为 gh-pages。
现在我们将使 gh-pages 成为这个存储库中的默认分支。首先转到设置并单击分支选项卡。
现在我们将进入设置中的选项页面并滚动到GitHub 页面部分。在这里，我们将获得我们刚刚托管的网站的 URL。在这种情况下，URL id https://ankitkj1999.github.io/WebRachna。
第 3 步：将域连接到网站
现在我们将访问我们购买的域的 DNS 管理页面，下面是 GoDaddy 的 DNS 页面视图。
在这里，我们将删除所有，然后添加四个A类型记录，如下图所示。前四个记录是我们必须添加的。
现在我们将回到设置中的 GitHub Pages 部分，并在要求它的字段中添加我们的自定义域并点击保存。
然后页面将重新加载，我们将在默认 github.io URL 的位置看到我们的自定义域。现在我们可以看到我们的网站托管在我们的自定义域上。大多数情况下它运行得很快，但将我们的自定义域连接到 GitHub 页面可能需要长达 24 小时。
如果您想在 Firebase 上托管静态网站，这是一个相对更好的选择，请参阅本文：免费在 Firebase 上托管静态网站。