xxx.github.io与customDomain绑定

私人域名

Posted by LuochuanAD on January 26, 2024 本文总阅读量

前言

2024刚打开个人网站(strictfrog.com),发现打不开页面.所以来找问题和解决方案.

原因

1, 个人域名(strictfrog.com)已到期,需要重新续费且配置DNS解析

2, github.io的IP地址变了(目前是185开头)

解决方法

步骤一:GitHub pages 设置 customDomain

在你的XXX.github.io项目的头部标签栏点击Settings,然后在左侧栏点击Pages,你会看到如下图片所示关于设置CustomDomain的页面.

在这一步,输入你的自定义域名(如:xxxx.com) 并点击Save保存按钮. 这时会提示”DNS Check in Progress”金黄色字. 不用担心,你已经设置成功了.

点击Save保存按钮后,在XXX.github.io项目文件夹下自动创建了CNAME的文件,文件保存了你设置的CustomDomain(如:xxxx.com).

步骤二:customDomain设置DNS解析GitHub pages的地址

在GitHub 网站上给出了新的关于github.io的IP地址列表,IPV4(即HTTP)的地址有4个,IPV6(即HTTPS)的地址有4个. 如下图所示.

我并不是随便选择一个IP就OK了. 我在终端工具输入Ping命令行,获取我的xxx.github.io的IP地址,如下图所示.对应的地址如上图所示的2个列表的各自第二个地址.

在你购买的CustomDomain的网站平台(如阿里云,万维网等等)里有设置DNS解析的功能页面.不同的平台有着不同的设计选项,这里普及一下通用的基础知识:

@ 意思是根域名:xxx.com
www 意思是子域名:www.xxx.com
A记录 意思是IPV4的地址
AAAA记录 意思是IPV6的地址

请注意:在下图中所输入都是小写,这一步设置完基本已经OK了,请在第二天再Check能否正常打开个人域名网站的网页

步骤三:进行最后的确认

1, 问题的现象:

我按照顺序将步骤一和步骤二都设置完毕后. 重新打开了(strictfrog.com)网页,发现出现”fastly error: unknown domain: xxx.github.com. ….”的字样. 并且我打开了我xxxx.github.io项目的Settings/Pages网页中,发现”DNS Check in Progress”金黄色字,随后又出现红色的报错提示语.

2, 事情的经过:

当时设置好步骤一和二已经凌晨1点了, 之后我在确认(strictfrog.com)网页中,出现上面的问题. 我反复打开网页,和查找资料,折腾了1个小时. 最终问题现象如上. 第二天重新打开strictfrog.com网页,发现成功打开了.

但是在我的xxx.github.io的项目页面中还是出现了”DNS Check in Progress”金黄色字,但是我过了4分钟,重新刷新页面,这时出现”DNS check successful”绿色提示语.

3, 原因分析:

1, 按照步骤二设置好了DNS解析后. 购买域名的网站(如万维网)不会立即更新. 需要等待很长时间.

所以会在个人域名网页上出现”fastly error: unknown domain: xxx.github.com. ….”的字样, 并且xxxx.github.io项目的Settings/Pages网页CustomDomain地方中,出现红色报错信息.

2, xxxx.github.io项目的Settings/Pages网页的更新 和后台不是同步的.

所以会出现”DNS Check in Progress”金黄色字. 这是GitHub Pages问题. 对于用户来说,只要个人域名网站可以正常打开网页,那就OK了