记录一次github page的域名更替

682 阅读3分钟

去年的时候,我使用Hexo + github page,搭建了一个个人博客,由于只使用github page的域名奇奇怪怪的,所以又在阿里云买了一个期限1年的域名。前段时间域名到期,我便趁着闲暇之际换了一个新的域名,并以此篇文章作为记录。

买新域名

这一步骤,我是在阿里云进行域名购买的。域名根据顶级域名以及一级域名的不同,价格区间可能会从几块到几十块不等(指1年期限),如果有闲钱,建议多给域名增加几年期限。注意,在阿里云购买域名后,只有在阿里云进行了实名认证,才能正常使用该域名

删除旧域名

首先,在github上打开名字为:githubName.github.io的库。有一个settings选项: 截屏2022-10-12 09.07.07.png 点击settings, 在侧边栏选择pages截屏2022-10-12 09.09.44.png

可以看见有一个Custom domain的选项,点击remove,就可以移除旧的域名了。

不过这里有一个坑 即便你移除了这个旧的域名,当你在目前所在的浏览器中输入githubName.github.io的时候,依旧会重定向(301)到旧域名,原因是浏览器依旧有旧域名的映射缓存。此时要么删除所在浏览器的缓存,要么换一个新的浏览器使用。

添加新域名,进行DNS域名解析

在第一步,我们购买了新的域名,此时就可以把新域名放在第二步的custom domain里面(注意,仍然是githubName.github.io这个库),然后点击save,即可以保存。此时,已经将自定义域名放在github page上了。接下来就开始域名解析。 首先先获取github.io的ip地址:ping + githubName.github.io

截屏2022-10-12 09.25.29.png 记住这个ip地址,然后回到阿里云所购买的域名解析这里来,点击解析。

截屏2022-10-12 09.27.21.png

添加两个A记录,用得到的IP,一个主机记录为:www,一个为@,这样就可以直接通过 xxx.xxx 和 www.xxx.xx 能访问到你的github page了。

截屏2022-10-12 09.32.01.png

大功告成!


后续:升级为HTTPS

最近复习了一下HTTPS的知识。恰巧,我对于个人博客在Chrome地址栏里一直显示不安全的提示感到很不舒服,所以就想给这个新域名添个TLS证书,整个HTTPS来玩玩。我目前经济环境窘迫,所以准备在cloudflare捞个免费的TLS证书。(cloudflare据说也是全球首个推出免费SSL证书的网站!)

步骤

前提:有自己的域名(我的域名就是上文在阿里云买的),有独立IP的服务器(我使用的github page,利用的ping的方式获取的ip地址)

  • 注册cloudflare账户
  • 在 cloudflare 添加自己的域名:Add Site, 选择一个付费方案(我选择的免费的) (有篇不错的文章)
  • 检测到已有DNS记录 截屏2022-10-15 21.05.26.png
  • 在阿里云中去把DNS服务器更换为在cloudflare中上图的DNS服务器
  • 等待一段时间(一般是24h),就可以了。