Fork me on GitHub

GitHub Pages绑定顶级域名的方法

发表于 | 分类于

前提

  • 本文将简单写一下我将Hexo + Github Pages绑定顶级域名的方法，本文适用于已经使用Github Pages和Hexo完成个人博客的搭建的读者。
  • 根据网上的资料和自己的选择，我决定在阿里云申请域名，使用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.net和f1g1ns1.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 绑定阿里云域名
------ 本文结束 ------