给Hexo + Github pages搭建的个人博客绑定域名

前段时间使用Hexo给自己搭了一个博客,托管在Github上面。不过托管在Github上的博客对外暴露的是github.io的子域名,那么既然是个人博客,当然要上自己的域名啦!话不多少,开始折腾吧!

一、购买域名

选择域名也是一个技术活,建议大家在下单购买自己中意的域名之前,先去检查一下这个域名之前有没有被人使用过,以及这个域名是否被各个搜索引擎ban掉了,这里的门道比较多,我刚刚开始接触,也是在网上搜资料看的,这里就不多说了,建议大家直接搜资料看看 ; )

我这里是在腾讯云上购买的域名,进入腾讯云的域名注册服务,可以选一个中意的域名,先搜一下看看哪些后缀的域名还没有被占用。

例如搜索"codeanime"域名,哪个能买就买哪个

image-20210828202046510

注意: 在国内购买域名需要实名认证才能使用

二、配置域名解析记录

买到的域名要腾讯云审核好后才能使用,审核好后需要解析一下才能指向我们的Github pages地址。从腾讯云域名注册界面找到刚刚购买的域名,点击右边的“解析”,进入配置页。

image-20210828202934092

这里可以选择快速添加解析:

1、点击快速添加解析

2、选择网站解析

3、选择域名映射(CANME)

4、填写你github仓库的域名,确定

image-20210828203601002

三、配置CNAME文件

DNS配置生效后,新购买的域名就已经指向Github pages页面地址了。但此时如果去访问这个域名的话,得到的是Github的404返回页,这是因为我们还没有在Github pages中配置域名。我们还需要在工程的根目录下放置一份CNAME文件指向我们的域名。
这里说的“根目录”是指的托管在Github pages上的静态页面工程的根目录,而对于hexo源工程而言,CNAME文件应该放在source/目录下,文件内容就是我们的域名,操作如下:

找到你的hexo博客目录,进入source文件夹,创建一个"CNAME"文件(没有后缀名的)

image-20210828203932005

打开CNAME文件,内容就填写你的域名

image-20210828210329458

四、最后到你 code-anime.github.io 的Settings里,填上你的域名

image-20210828210810855

然后执行 hexo clean && hexo g && hexo d 完成构建和部署就行了。

Q.E.D.


樱花庄的一只二刺猿