ToB企服应用市场:ToB评测及商务社交产业平台
标题:
【教程】Github Page 添加自定义域名
[打印本页]
作者:
张国伟
时间:
2024-9-29 00:20
标题:
【教程】Github Page 添加自定义域名
媒介
Github Page 是 Github 提供的一个可以从 Github 堆栈上托管静态网站的功能服务。默认当你创建起一个堆栈后，在对应会有一个可供浏览的静态网站，例如 https://eternaldeath.github.io/BlockchainHome/，其中，
eternaldeath
是我的 Github 账户名字，
BlockchainHome
是我的某个堆栈名字。
然而很多时候我们希望可以或许使用自己的域名来替换默认的域名，以体现出自身网站的风格，而 Github Page 也提供了这种域名映射的本领，可以将自定义域名更换为自己的域名。
虽然 Github Doc 提供了引导文档，但该文档誊写的不敷友好，不适合新人阅读。
购买域名
购买域名一样平常分为两种情况，
一种是希望国内可以或许访问的
，
一种是国外可以或许访问的
。国内的域名购买和使用比较麻烦，因为必要进行备案等认证操纵，通常必要好几天的时间，而国外的主流域名服务提供商不必要备案，购买和摆设流程只必要几个小时即可完成。
同时，由于 Github Page 是托管在国外的服务器上，因此纵然使用国内购买的域名也无法完成映射。
在本例中，我选择从 GoDaddy 上购买域名，你也可以选择各种主流的域名服务提供商进行购买，这里贴一些可提供付出宝付出的平台，如，GoDaddy，Dynadot，Porkbun，NameSilo 等。
购买的时候也有注意事项，就是选择主流大平台进行购买
。
详细的购买细节就不在这里展示了。
验证自定义域名
Github 提供了验证自定义域名的功能，该功能可以防止恶意对手发起域名劫持一类的攻击。以是首先我们先完成对你的域名的验证。
第一步
，在任意 Github 页面点击右上角头像
第二步
，在弹出的下拉框中，点击 Settings
第三步
，在左侧栏找到 code，planning，and automation，并点击其中的 Pages选项
第四步
，在右侧输入要验证的域名（如 aiproducthome.top），并点击 Add domain按钮
然后你会获得如下的记载，并继续按照该记载所示的步调进行验证
接记载所需验证步调，
第五步
，进入你购买域名网站，并进入你的域名的管理界面，虽然不同的域名服务提供商相关的界面不同，但大要它们的组成是相同。
这里以 GoDaddy 为例，进入到我的域名的 DNS 管理界面，并选择添加新的 DNS 记载（DNS records）。
在记载中，Type 选择为 TXT 范例（更多范例，参考“记载范例”末节），Name 为第四步中的 hostname，即 _github-pages 开头的内容，Value 是第四步中的 code，它是一串数字和英文组成的字符串。而 TTL 值选择默认即可。
最后点击 Save按钮。
当上述内容配置好后，返回第四步的验证页面，点击 Verify按钮。虽然理论上说的是必要 24 小时才大概验证成功，实际上不出不测，进必要几分钟即可完成验证。
映射自定义域名
第一步，还是在你的域名服务提供商的管理网页中，配置 A 记载范例，该范例用于将域名（例如，aiproducthome.top）指向 IP 地点。
还是点击 Add New Record。然后在弹出的配置框中进行配置，其中 Type 选择 A，Name 填写 @，Value 填写四个由 Github 提供的 IP 地点（这四个 IP 地点大家都一样，详细见 Github 官方文档），如下所示。TTL 默认，最后点击 Save按钮。
185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153
复制代码
第二步，将子域名指向 IP 地点。
这里简单介绍一下 apex 域名和子域名，例如 aiproducthome.top 是 apex 域名，apex 就是顶级的意思，也就是顶级域名。而 www.aiproducthome.top 或 blog.aiproducthome.top 都被成为子域名，它们都属于 aiproducthome.top 域下的。
在第一步中我们实在配置的就是 apex 域名，而下面我们可以配置一些子域名，例如常见的 www 域名。
方法雷同，同样是点击 Add New Record，然后 Type 选择 CNAME（含义见
记载范例
末节），Name 填写 www，Value 填写 <username>.github.io，TTL 默认即可。最后Save按钮。
到此，在域名服务商部分必要进行的 DNS 配置就完成了，上述内容必要花费一点时间在网络的各个 DNS 服务器上进行传播，接着我们回到 Github 进行相应的配置。
第三步，进入你的堆栈界面，并点击上方的 Settings按钮。在左侧栏的 Code and automation 部分，点击 Pages 选项，在右侧的栏目中，将你的顶级域名（例如 aiproducthome.top）填写进去并点击Save按钮。
Github Page 将花费一点时间完成对 DNS 配置的检查。
回到同一页面的最上方，你会发现 Your site is live at 后面的部分变成了你的自定义域名。
至此，所有的使命就完成了，你可以通过顶级域名，子域名（www）或者之前的 github.io 的域名来访问，所有的内容都会跳转到自定义域名上。
记载范例
在前述的步调中，我们在对域名的 DNS 配置中使用到了多种记载范例，这里简单论述一下不同记载范例的作用。
范例作用A（Address Record）将域名映射到 IPv4 地点，例如，将 www.example.com 映射到 192.168.1.1AAAA（IPv6 Address Record）将域名映射到 IPv6 地点CNAME（Canonical Name Record）域名别名映射到域名，例如，将 eternaldeath.github.io 映射到 aiproducthome.top
注意点
特别注意的是，由于你配置了新的域名，那么部分静态网站大概在加载资源的时候会找不到资源。例如，我使用 hexo 摆设了静态网站，在_config.yml中配置的是默认的域名（即 github.io），因此为了重新加载资源，你必要配置成你如今的域名。详细可以借鉴我的这篇博客《【教程】hexo 更换主题后，摆设在 Github Page 无 CSS 样式》。
参考
Configure a custom domain
DNS record types【Cloudflare】
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)
Powered by Discuz! X3.4
