Fork me on GitHub

GitHub Pages绑定顶级域名的方法

前提

  • 本文将简单写一下我将Hexo + Github Pages绑定顶级域名的方法,本文适用于已经使用Github PagesHexo完成个人博客的搭建的读者。
  • 根据网上的资料和自己的选择,我决定在阿里云申请域名,使用DNSpod解析域名。

注册阿里云域名

  • 阿里云上查找想要申请购买的域名,如果该域名没被注册,则可以申请购买,按照步骤执行,成功购买域名。
    • 申请域名时需要创建一个信息模版,按要求创建模版,在申请域名时选择这个模版即可。
    • 注意:域名持有者信息的通讯地址要与身份证的住址信息一致,否则实名认证后域名仍无法被解析(serverHold)。
  • 缴费成功后,需要对域名进行实名认证,上传自己的身份证等待审核即可。如域名为xxx.com。

DNSpod下域名相关处理

  • DNSpod注册后,点击域名解析,DNSpod界面如下:
    DNSpod界面1
  • 添加DNS Service记录

    • 给刚添加的域名设置两个A记录,主机记录都为@,记录值填:

      1
      2
      192.30.252.153 //第一个@
      192.30.252.154 //第二个@
    • 再添加一个CNAME记录,主机记录为www,记录值填:

      1
      chongtianhong.github.io.
    • 如下图所示:

    DNSpod界面2

  • 选择自定义域名服务器,更改成DNSpod提供的域名。
    • DNSpod提供的域名为f1g1ns1.dnspod.netf1g1ns1.dnspod.net,如下图所示:

DNSpod界面3

  • 阿里云域名控制台界面进行域名更改,如下图所示:
    阿里云域名控制台界面1
    阿里云域名控制台界面2

创建CNAME文件

  • 在自己网站项目repo的根目录添加CNAME,里面的内容为域名不要有http以及www等前缀,只需写入域名本身,例如:

    1
    xbhong.top
    如果是直接在GitHub网页上添加CNAME文件的话,会遇到一个问题就是在通过hexo g -d之后hexo会把根目录下的CNAME文件删除。
  • 解决方案:把CNAME文件添加到/source目录下,这样hexo g -d之后hexo会自动把CNAME复制到/puclic目录下然后将/public路径下的内容进行复制并push到远程master分支的根目录下。

等待

  • 等域名实名认证和解析生效后,便可在浏览器输入自己的域名www.xxx.com和xxx.com对GitHub Pages博客进行访问了,如下图所示:
    域名访问页面

参考

  1. github怎么绑定自己的域名?
  2. GitHub Pages绑定顶级域名的方法
  3. github pages 绑定阿里云域名
------ 本文结束 ------