github pages绑定域名

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

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

最终结果

  • http://heart.王珺.我爱你
  • http://jesslyn.王珺.我爱你
  • 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处就可以啦，是不是很简单。

参考资料

Comentários

⬆︎TOP