github pages绑定域名

序：
曾经呢，因为喜欢上一个女生，所以买了她名字的中文域名，`www.王珺.我爱你`。
在我把网站备案成功的一段时间后，通过浏览器访问这个url总是有时能访问有时访问失败，一脸懵B。
突然有一天，猛然开窍，原来是这个网站使用的虚拟主机之前和我爸公司的网站绑定，忘记清除DNS解析，造成了冲突。

在此中间，读了一些关于DNS解析的文章，就对主机域名的自定义配置感了兴趣，
然而主机域名绑定服务器或者虚拟主机要花钱，何不利用github pages免费存储网页呢，
那么此篇文章就是介绍如何实现github pages绑定我们的自定义主机域名。

最终结果

• http://heart.王珺.我爱你
  • 源码地址
• http://jesslyn.王珺.我爱你
  • 源码地址

github pages 的种类

• user page: 用户的整个站点，创建一个名为goddy.github.io的项目。goddy改为自己的github名称，项目默认的域名跟项目名称一致。
• project page: 项目的默认域名，是在user page的域名上加上二级目录实现的，比如我有一个项目叫heart，那么该项目的站点就是访问goddy.github.io/heart

域名结构

域名地址以主机(host)、子域 (sub domain)和域(domain)的形式表示的Internet地址(address)，与数字表示的IP地址(IP address)相对应。

购买域名

• 阿里云
• whois
• godaddy

github pages开通

• user page
  • 创建名为[你的github账号名].github.io的项目，提交项目代码至远程仓库
  • 打开github该项目的setting

  • GitHub Pages的source选择master branch
    
  • 浏览器打开[你的github账号名].github.io即可访问项目
• project page
  • 创建项目heart,提交代码至远程仓库
  • 打开github该项目的setting
  • GitHub Pages的source选择master branch
  • 浏览器打开[你的github账号名].github.io/heart即可访问项目

自定义域名

首先，域名服务商配置

• 打开阿里云并登录
• 打开控制台
• 选择 域名与网站 - 域名 - 域名列表，选择域名的解析
  
• 选择解析设置，
  
  解析的记录类型常用的有
  
  如果我们选择了A那么我们需要在记录值填写服务器ipv4的地址，如果我们选择CNAME那么我们在记录值填写指向的域名。
  因为我们要指向github pages生成的域名，所以记录类型选择CNAME，注意不管是user page还是project page我们在记录值统一填写为[你的github账号名].github.io
  注：如果你希望github里大量的项目都分配一个主机名，那么可以统一只填写一条记录，主机记录处填写为*，表示所有主机名都指向github地址

然后，github项目配置

• 第一种方式

  • 打开远程仓库
  • 在项目根目录下添加文件CNAME 注意没有后缀名
  • 打开CNAME，填写目标网址

• 第二种方式

  • 打开项目的Settings
  • 在GitHub Pages的custom domain处填写你的网址，如abc.baidu.com 注意没有http://或https://
    

• 中文域名处理
  上面是英文域名的填写方式，博主购买的是中文，中文的填写也很方便。
  打开中文域名转码网站输入中文，例如heart.王珺.我爱你，将取到的结果heart.xn--qby4i.xn--6qq986b3xl填写至你项目的CNAME文件中或custom domain处就可以啦，是不是很简单。

参考资料

• 百度百科 - 域名结构
• - jas0nHu的博客
• csdn - 六圈儿的博客
• 百度知道 - 创业者李孟的回答
• Github - Goddy
• Gitlab - Goddy
• [Goddy的个人博客网站](https://goddywu.github.io/