github个人博客绑定自己的域名


github个人博客绑定自己的域名

注意:本文前提是你已经有一个类似于 cyh756085049.github.io 的个人博客,可以直接访问。

1、购买域名

可以先到阿里云:https://mi.aliyun.com/购买一个域名,如果第一次购买,需要先创建新信息模版,如下图红框标记所示,信息填写完成后会出现一列你的信息,然后需要邮箱验证和实名认证(具体操作可根据阿里云步骤提示完成)。

域名信息模版

域名购买成功之后可以查看:

域名列表

2、GitHub仓库操作

(1)一般操作

  • 首先在你的GitHub个人博客仓库里添加CNAME文件并填写要绑定的域名

创建CNAME文件

域名设置

  • 文件添加成功之后,在Settings设置中,找到Custom domain添加域名后保存即可(添加CNAME文件并在文件中填写绑定的域名后一般会自动保存,可以查看一下有没有自动保存)

添加域名

(2)用 hexo 框架搭建博客并部署到 Github Pages 上的操作:

当用hexo搭建的博客每次部署到服务器时,会把你的博客所在目录下 public 文件夹里的东西都推到 Github Pages 仓库上,并且把 CNAME 文件覆盖掉,解决这个问题可以直接把 CNAME 文件添加到 source 文件夹里,这样每次推的时候就不用担心仓库里的 CNAME 文件被覆盖掉了。

  • 首先在本地的source文件夹下新建一个CNAME文件(无后缀名),然后在文件中添加你购买的域名,如ramona-chen.top,然后使用命令hexo g,hexo d部署到服务器上。

3、添加域名解析

首先去你购买的域名列表,点击解析,如下图:

域名解析

(1)方式一

进入到解析设置,点击添加记录:

  • 添加两个A记录,一个主机记录为:“www”,一个主机记录为“@”

  • 记录值需要通过ping你的xxx.github.io域名,得到一个IP:

获取IP地址

添加记录

全部配置完成之后,得到如下图,配置成功。

解析设置列表

(2)方式二

进入到解析设置,点击添加记录:

  • 添加两个CNAME记录,一个主机记录为:“www”,一个主机记录为“@”

  • 记录值是你的xxx.github.io域名

解析设置

CNAME记录设置

最后就可以通过访问http://ramona-chen.top/访问你的博客啦,效果图如下。

ramona-chen的个人博客

参考:

严晟嘉: https://www.zhihu.com/question/31377141/answer/103056861
SnailClimb: https://www.zhihu.com/people/javaguide


评论
评论
  目录