📜  使用自定义域在 GitHub Pages 上发布网站

📅  最后修改于: 2021-10-24 12:46:36             🧑  作者: Mango

发布网站有时会非常棘手,并且可能会花费您一些钱,但是使用 GitHub Pages,整个过程非常无缝和简单,只需几分钟即可将您的网站上线。虽然这个过程本身很简单,但有一个循序渐进的指南总是更好,不是吗?

按照下面的步骤来与绝对没有收费的自定义域上发布自己的网站上GitHub的页面。

步骤 1. 设置 GitHub 存储库

按照通常的方式设置一个空的 GitHub 存储库。为存储库提供任何名称。您可以选择将存储库保留为公共或私有。

下面是这个博客在这里的样本库

步骤 2. 将您的代码推送到存储库

将整个代码推送到存储库中。确保您在目录或名为 docs的文件夹中有 index.html (您将在下一步中了解原因)。

这是目录结构:

- index.html
- public
   |_ css

步骤 3. 启用 GitHub 页面

前往存储库的 Settings选项卡并向下滚动到显示GitHub Pages 的位置。默认情况下,选项如下所示:

对于Source ,单击显示 None的下拉菜单,然后选择您的代码所在的分支,在我的情况下它是main

一旦您选择了分支,就会出现一个新的下拉列表。选择您的代码所在的相应文件夹(root/docs)。点击保存

向下滚动到GitHub Pages部分,您应该会看到如下内容:

前往 URL,您应该会看到您的网站在互联网上直播。

步骤 4. 设置自定义域

在下一步中,我们将解释如何获得免费的自定义域。

现在要设置自定义域,在自定义部分输入域名,在我的情况下,它是github-pages.tk

点击保存。这会向您的存储库添加一个新的CNAME 文件。

有时,强制 HTTPS选项会自动启用,如果不是,请手动启用它以获取免费的网站 SSL 证书。有时,为您提供启用它的选项也可能需要时间。

步骤 5. 获取自定义域

为了获得免费的自定义域,我使用 Freenom。如果您已经拥有来自其他提供商的域,则以下步骤应该类似。

登录网站并转到服务 > 注册新域并搜索所需的域名。

选择可用域并完成结帐过程。

现在转到服务 > 我的域。针对您刚获得的域选择“管理域”选项,然后前往“管理 Freenom DNS”

现在,我们需要做的就是为所选域设置 ACNAME 记录。

对于A记录,添加四个条目:

要将www子域重定向到原始域,请添加带有 GitHub 页面配置文件 URL的 CNAME记录,并带有 . (点)最后,就我而言,它将是“ishaanohri.github.io”。 .

为确定起见,请在GitHub 的官方文档 中检查最新的 IP。

保存记录并等待一段时间。您的网站将在www.custom-domain.comcustom-domain.com 上运行。有时可能需要长达 24 小时才能反映更改。

您的网站现在位于您的自定义域中。现在,您推送到存储库选定分支的任何更改都将在您的域中实时发布。