github pages绑定域名
2018-04-11 本文已影响152人
GoddyWu
序：
曾经呢，因为喜欢😍上一个女生，所以买了她名字的中文域名，`www.王珺.我爱你`。
在我把网站备案成功的一段时间后，通过浏览器访问这个url总是有时能访问有时访问失败，一脸懵B。
突然有一天，猛然开窍，原来是这个网站使用的虚拟主机之前和我爸公司的网站绑定，忘记清除DNS解析，造成了冲突。
在此中间，读了一些关于DNS解析的文章，就对主机域名的自定义配置感了兴趣，
然而主机域名绑定服务器或者虚拟主机要花钱💰，何不利用github pages免费存储网页呢，
那么此篇文章就是介绍如何实现github pages绑定我们的自定义主机域名。
最终结果
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)相对应。
购买域名
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处就可以啦，是不是很简单。
