Iwen's blog Iwen's blog
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《TypeScript 从零实现 axios》
    • 小程序笔记
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • Linux
  • 学习
  • 面试
  • 心情杂货
  • 友情链接
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
复盘
关于

Iwen

不摸鱼的哥哥
首页
  • 前端文章

    • JavaScript
    • Vue
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《TypeScript 从零实现 axios》
    • 小程序笔记
  • HTML
  • CSS
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • Linux
  • 学习
  • 面试
  • 心情杂货
  • 友情链接
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
复盘
关于
  • 技术文档

  • GitHub技巧

    • GitHub高级搜索技巧
    • GitHub Actions 实现自动部署静态博客
    • GitHub Actions 定时运行代码:每天定时百度链接推送
    • GitHub Pages配置二级子域名
    • Github个人主页定制
    • vs-picgo使用方法
    • GitHub加速下载项目的方法
    • 破解EasyIcon
  • Nodejs

  • 博客搭建

  • Linux

  • 技术
  • GitHub技巧
wanghaifeng
2020-08-26

GitHub Pages配置二级子域名

# GitHub Pages配置二级子域名

# GitHub Pages和每个项目绑定自定义域名(支持多个和顶级域名) (opens new window)

假设我购买的域名为www.easonjim.com,想把www.easonjim.com和easonjim.com的域名跳转到下面的网址easonjim.github.io。

而我在github上的账号为easonjim,并且新建了easonjim.github.io的目录。

那么在这个目录上新建一个名为CNAME的文件,里面的内容:

easonjim.com
www.easonjim.com

注意:经过测试,只能是同一个域名下才生效,如果多几个不同后缀的域名,最终只能识别第一个。

下一步是设置域名的解析地址,如下设置:

1

只要把@和www解析到github的ip即可。

参考:

https://help.github.com/articles/troubleshooting-custom-domains/ (opens new window)

那么接下来,对于我单个项目想搞个主页时,就要设置项目的主页配置

参考:

http://chitanda.me/2015/11/03/multiple-git-pages-in-one-github-account/ (opens new window)

只要在项目的Settings配置里设置如下:

注意:由于github更新太快,随着时间推移,这些选项可能会不一样,但大致不会怎么变,随机应变。

点击右面的【Settings】,页面往下拉到【GitHub Pages】部分,选择【Launch automatic page generator】>【Continue to layouts】>【Publish page】即可。

2

3

4

搞定之后,可以这样访问,easonjim.github.io/test,其中test为当前项目的名称。

那么问题来了,上面自动创建的页面是放在gh-pages branch分支里面,那么如果要换成主分支的时,主要在这里选择master branch即可: 5

那么此时的访问地址还是没改变,依然是easonjim.github.io/test

如果要改变这样形式,只能绑定自己的域名过去才能实现,假设我将要绑定的域名为t.easonjim.com,在项目的根目录下新建CNAME的文件,并写入:

t.easonjim.com

然后,会发现GitHub Pages的页面上已经自动显示上了自己上面设置的域名: 6

接下来,在去域名解析管理页面,把t.easonjim.com的域名指向github的IP,如下: 7

最后,就可以用t.easonjim.com访问自己自定义项目上的主页了。

这个功能可以参考一下阮一峰的这个项目,灵感来自这里:https://github.com/ruanyf/es6tutorial (opens new window)

#github
GitHub Actions 定时运行代码:每天定时百度链接推送
Github个人主页定制

← GitHub Actions 定时运行代码:每天定时百度链接推送 Github个人主页定制→

最近更新
01
flex布局页面自适应滚动条问题
12-28
02
前后端分离开发请求接口跨域如何携带cookie的问题
12-28
03
怎么实现div长宽比固定width-height4比3
12-28
更多文章>
Theme by Vdoing | Copyright © 2017-2022 Iwen | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式