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 pages绑定域名_第1张图片
    • 浏览器打开[你的github账号名].github.io即可访问项目
  • project page
    • 创建项目heart,提交代码至远程仓库
    • 打开github该项目的setting
    • GitHub Pages的source选择master branch
    • 浏览器打开[你的github账号名].github.io/heart即可访问项目

自定义域名

首先,域名服务商配置

  • 打开阿里云并登录
  • 打开控制台
  • 选择 域名与网站 - 域名 - 域名列表,选择域名的解析
    github pages绑定域名_第2张图片
  • 选择解析设置,
    github pages绑定域名_第3张图片
    解析的记录类型常用的有
    github pages绑定域名_第4张图片
    如果我们选择了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://
      github pages绑定域名_第5张图片
  • 中文域名处理
    上面是英文域名的填写方式,博主购买的是中文,中文的填写也很方便。
    打开中文域名转码网站输入中文,例如heart.王珺.我爱你,将取到的结果heart.xn--qby4i.xn--6qq986b3xl填写至你项目的CNAME文件中或custom domain处就可以啦,是不是很简单。

参考资料

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

你可能感兴趣的:(github pages绑定域名)