前情提要
之前使用hexo搭建了Github博客,感觉有了自己的小窝,很有归属感。但是看着博客的域名是二级域名,总有种寄宿的感觉,为了让博客更加正式,笔者在阿里云上买了一个域名,打算将域名绑定到博客上。笔者查找了网上的教程,发现文字描述总是缺胳膊少腿,走了一些弯路,所以索性写一篇绑定域名的教程,方便大家实践。
购买域名
笔者是在阿里云网站购买的域名,因此本教程以阿里云为例子,进入阿里云域名注册页面。
输入想要的域名,进行查询,选择未被注册的域名进行购买:
接下来就是下订单购买的流程,在此不作多讲。对域名的选择,这里给几个建议:
1 | 1. 域名尽量知其名闻其意,与网站内容贴切 |
域名解析
购买域名后,登录进入阿里云官网的控制台,在域名列表中可查看自己购买的域名:
点击列表中对应的域名所在列的解析,进入解析界面:
点击添加解析按钮,如图依次输入:CNAME、@、Github博客域名。选择保存完成域名向博客的映射。添加解析后,在浏览器输入我们新注册的域名:
看到网站报出了404错误,说明域名已经成功映射到了Github网站,但是找不到博客的位置,所以需要实现博客向域名的映射,进入Github博客的仓库:
点击上图上方偏右的Create new file按钮,创建一个文件:
文件名为CNAME(注意:没有扩展名),文件内容为个人域名(注意:没有http://,没有www),然后选择下方的Commit new file按钮。然后在浏览器端重新输入我们的域名,我们可以看到域名绑定成功:
但是这时候问题开始出现了。
问题及解决
当在本地使用hexo deploy
命令再一次部署博客时,会发现博客网页的css样式丢失或是404错误,这是因为本地的博客工程里面还没有CNAME,重新部署后,远程的博客工程会和本地保持同步,将CNAME文件删除,所以本地也需要添加CNAME文件:
注意:CNAME文件添加的目录是在根目录下的source文件夹,而不是.deploy_git文件夹,完成添加后重新部署,博客网站即可恢复正常。