github仓库绑定购买的域名

0、说明

github上可以为仓库设置专属页面,通过github的地址即可访问到,由于本人第一次购买了腾讯云的域名,因此想通过域名访问到github仓库

1、新建仓库

仓库名为: github用户名.github.io
(必须是 用户名,这样配置其他仓库的页面,会直接绑定我们购买的域名,可见第7点)
github仓库绑定购买的域名
github仓库绑定购买的域名

2、仓库页面化配置

github仓库绑定购买的域名
下拉至GitHub Pages,本身github就会为这个仓库生成一个网址进行访问,由于我已购买了域名,因此在这里选好网页的主题后,将自定义域名设置为购买的域名

github仓库绑定购买的域名

3、获得仓库ip地址

  • win+r,输入cmd,打开控制台窗口
  • 输入命令:ping 仓库名,得到ip地址(仓库名即为自己的github二级域名)
    • 这个ip地址是之后要在腾讯云的域名中进行解析的ip地址
      github仓库绑定购买的域名

4、域名配置

github仓库绑定购买的域名
主机填写www,代表是一级域名进行访问,指向填写的ip地址,然后保存,进行域名解析
github仓库绑定购买的域名

5、成功访问

输入购买的域名,此时可以成功访问到github仓库
github仓库绑定购买的域名

6、仓库文件

返回看仓库文件
github仓库绑定购买的域名
CNAME文件下存储着 自定义域名
github仓库绑定购买的域名
_config.yml文件中保存jekyll的主题
github仓库绑定购买的域名
index.md文件的内容,即是我们用域名成功访问到的首页
github仓库绑定购买的域名

7、其他仓库页面配置

  • 选择github上的一个travel仓库,进入settings的页面配置

github仓库绑定购买的域名

8、待完善

  • 如果没有选择一个theme的话,那访问仓库在GitHub Pages配置页面生成的链接时,会默认自动寻找仓库的index.html进行展示,如果没有则寻找readme.md进行展示,如果都没有则显示404页面;

  • 目前首页是用的github上的主题,如果想自定义主题,或下载模版使用,以及往后书写博客的上传下载,这里还没有完善,以后有空再来摸索

  • 留几个链接,看之后有空能不能照着步骤自定义一下页面:
    参考1
    参考2