域名绑定,让你的博客拥有自己的个性

前情提要

之前使用hexo搭建了Github博客,感觉有了自己的小窝,很有归属感。但是看着博客的域名是二级域名,总有种寄宿的感觉,为了让博客更加正式,笔者在阿里云上买了一个域名,打算将域名绑定到博客上。笔者查找了网上的教程,发现文字描述总是缺胳膊少腿,走了一些弯路,所以索性写一篇绑定域名的教程,方便大家实践。

购买域名

笔者是在阿里云网站购买的域名,因此本教程以阿里云为例子,进入阿里云域名注册页面

万维网 域名注册

输入想要的域名,进行查询,选择未被注册的域名进行购买:

购买域名

接下来就是下订单购买的流程,在此不作多讲。对域名的选择,这里给几个建议:

1
2
3
4
1. 域名尽量知其名闻其意,与网站内容贴切
2. 域名长度尽可能短,方便被大家记住
3. 域名尽量避免随机数字和英文结合,这样网站看似不正规,访客看到这个域名会误认为是诈骗网站
4. 个人博客域名推荐:.com、.cn、me、.studio等,同样遵循知其名闻其意的原则

域名解析

购买域名后,登录进入阿里云官网的控制台,在域名列表中可查看自己购买的域名:

域名列表

点击列表中对应的域名所在列的解析,进入解析界面:

域名解析

点击添加解析按钮,如图依次输入:CNAME@Github博客域名。选择保存完成域名向博客的映射。添加解析后,在浏览器输入我们新注册的域名:

404

看到网站报出了404错误,说明域名已经成功映射到了Github网站,但是找不到博客的位置,所以需要实现博客向域名的映射,进入Github博客的仓库:

Github博客仓库

点击上图上方偏右的Create new file按钮,创建一个文件:

添加CNAME文件

文件名为CNAME(注意:没有扩展名),文件内容为个人域名(注意:没有http://,没有www),然后选择下方的Commit new file按钮。然后在浏览器端重新输入我们的域名,我们可以看到域名绑定成功:

域名绑定成功

但是这时候问题开始出现了。

问题及解决

当在本地使用hexo deploy命令再一次部署博客时,会发现博客网页的css样式丢失或是404错误,这是因为本地的博客工程里面还没有CNAME,重新部署后,远程的博客工程会和本地保持同步,将CNAME文件删除,所以本地也需要添加CNAME文件:

本地添加CNAME文件

注意:CNAME文件添加的目录是在根目录下的source文件夹,而不是.deploy_git文件夹,完成添加后重新部署,博客网站即可恢复正常。

参考

再小的鼓励也是一种支持!