绑定Github上的个人博客到Godaddy域名

1,052 阅读3分钟

这是我参与更文挑战的第2天,活动详情查看: 更文挑战

图片

大家好,我是前端队长Daotin,想要获取更多前端精彩内容,关注我,解锁前端成长新姿势。

以下正文:

一、购买域名

这个大家自己到 Godaddy官网 sg.godaddy.com/zh/ 购买即可。

二、配置Github

1、新建 CNAME 文件

在我们的Hexo项目的sources目录下新建个CNAME文件,里面写上我们的域名。

图片

之后重新部署项目:

hexo g
hexo d

如果你是用 hexo 框架搭建博客并部署到 Github Pages 上:

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

之后我们可以在网站的Github项目的根目录看到这个文件:

图片

还有一种方式是:在网站的Github项目上,点击设置Settings,找到Custom domain,填入申请的域名,并保存。这样也会在Github项目的根目录看到这个文件,但是当你在每次部署项目之后,这个CNAME文件都会消失,本质上相当于你新建的CNAME放在了本地Github项目的根目录了,而不是在source文件夹下。

图片

2、在 DNS 中添加记录

向你的 DNS 配置中添加 3 条记录(在域名解析提供商,下面以dnspod为例)

Host(主机记录)记录类型Points To(记录值)
@A192.30.252.153
@A192.30.252.154
wwwCNAMEusername.github.io

这样别人用www和不用www都能访问你的网站(其实www的方式,会先解析成xxxx.github.io,         然后根据CNAME再变成xxx.com, 即中间是经过一次转换的)。

上面,我们用的是CNAME别名记录,也有人使用A记录,后面的记录值是写github page里面的ip地址,但有时候IP地址会更改,导致最后解析不正确,所以还是推荐用CNAME别名记录要好些,不建议用IP。

如:
(1)先添加一个CNAME,主机记录写@,后面记录值写上你的xxxx.github.io
(2)再添加一个CNAME,主机记录写www,后面记录值也是username.github.io ,用你自己的 Github 用户名替换 username.

3、在 GoDaddy 修改 DNS 地址

(1)在右上角我的账户下拉菜单中,点击-> 我的产品:

图片

(2)点击域名后面的 DNS 按钮:

图片

(3)更改域名服务器为:

f1g1ns1.dnspod.net 
f1g1ns2.dnspod.net

图片

(4)等待你的 DNS 配置生效:

对DNS的配置不是立即生效的,过1分钟再去访问你的域名看看有没有配置成功。

三、参考资料

(完)

最近热门文章


想看更多精彩内容,关注我获取更多前端技术与个人成长相关内容,相信有趣的人终会相遇!

听说点赞的人,一个月后都会运气爆棚,升职加薪哦~

微信图片_20210427113225.png