【10】个性化博客——域名绑定

作者: 代码咖啡 | 来源:发表于2016-10-14 12:35 被阅读8234次

本文是《程序猿叨叨叨》系列文章中的其中一篇,想要了解更多相关的文章,欢迎猛戳蓝字前往阅读。

前情提要

前几天使用hexo搭建了Github博客,感觉像拥有了自己的小窝一样,很有成就感。但是看着博客的域名是二级域名,总有一种寄人篱下的感觉,为了让这个小窝看起来更加正式,我在阿里云上买了一个域名,打算将博客绑定自己的域名。其实Github博客绑定域名很简单,但是查找了网上的教程,发现基本上都是文字描述,在具体操作过程中存在歧义,导致我个人走了一些弯路,如今用图文描述的方式记录下来,帮助新人们一步走通。

购买域名

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

万维网 域名注册

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

购买域名

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

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文件夹,完成添加后重新部署,博客网站又会恢复正常。

参考:
github怎么绑定自己的域名?
hexo部署后,CNAME会被自动删除,怎么办?

相关文章

  • 【10】个性化博客——域名绑定

    本文是《程序猿叨叨叨》系列文章中的其中一篇,想要了解更多相关的文章,欢迎猛戳蓝字前往阅读。 前情提要 前几天使用h...

  • 博客绑定域名

    在万网和腾讯云新购得两个域名:wonux.wang:已经绑定pelican + github 博客wonux.te...

  • Hexo博客绑定域名

    Hexo博客绑定域名 Hexo搭建个人博客方便简约,几乎零门槛,受到很多程序员、极客的追捧,主流一般使用双线:国内...

  • github博客绑定个性域名

    首先我们先买个域名,可以在阿里云购买域名,买完之后登陆阿里云的管理控制台,然后点击域名,再点击解析如下 接下来点击...

  • 静态博客绑定私有域名

    前两天写了用vuepress免费搭建个人静态博客是将代码托管在码云上,但是只能使用它的域名,如果要使用自定义域名就...

  • 博客上线啦!!!

    在经历了长达10几个小时的搭建部署下,绑定我个人域名的博客终于上线了。 欢迎访问:www.xiaochi.work...

  • 2017.7.10-7.13

    搭建个人博客。 jekyll + github pages 留下的坑: 域名绑定只有域名没有申请云服务器资源,是不...

  • Github绑定域名

    Github绑定域名 近期在新网购买了一个属于自己的域名,因此想着把自己用hexo+github搭建的博客通过域名...

  • hexo + GitHub Pages 搭建个人博客

    本文记录在 Windows 平台下使用 hexo + GitHub Pages 搭建个人博客。并且绑定个人域名。 ...

  • 绑定域名

    最近写博客绑定的域名到期了,想重新换一个域名。买了域名以后,加入了NSPod解析,但好几天输入域名都没有显示出来博...

网友评论

  • Glommer:免费的SSL证书怎么安装呢?我用的github学生优惠包的cheapname的免费证书和域名。
  • 小倪同学呀:买了域名后需要买云解析机吗大哥
  • 程序员欧阳:按照你的方法之后还是现实“找不到服务器!”这是怎么回事呢
  • ece8ec4591a1:弄了一下午,就差换个名字了,感谢楼主,真棒!
    代码咖啡:@LY3108 哈哈,很高兴可以帮到你
  • cedcf96a822e:请问 如何解决一但域名重定向了之后 浏览会报https证书不安全喔
    代码咖啡:@WheelChen 或者改用http?
    代码咖啡:@WheelChen 额,这个我也不知道怎么解决,不好意思哦
  • 4430b9cebbd9:真棒,按你的方法顺利搞定,嘿嘿(* ̄▽ ̄*)ブ
    代码咖啡:@4430b9cebbd9 哈哈,很高兴能帮到您:smile:
  • 夏虫语冰walter:楼主的inerdstack.github.io访问404,我刚搭建的访问也是404,是不是github不能用了?
    代码咖啡:.github前面的内容需要和github昵称一致的,因为楼主github昵称换为dmkf1024,所以改为了dmkf1024.github.io
  • 钱八斤:你好,我想问一下绑定域名后原来的 昵称.github.io还能访问到博客吗
    代码咖啡: @钱八斤 可以的
  • Kaaaaai:你好,我可以通过github仓库的地址跳到我购买的域名地址,一直显示服务器没有响应是怎么回事?
    代码咖啡:@甚欠细思 Hexo是本地编译后发布到Github上的,所以不需要数据库哦 只要买个域名就好
    allen151:买域名的时候要注意些什么问题呀,例如“ 独享资源 建站首选
    1核1GB 5GB空间 500MB数据库”这些要不要买??、
    代码咖啡:@Kaaaaai 有可能是解析延迟吧?
  • 许小亮:域名多少钱
    Scorpio_cc:@江山百川 看你注册的域名的。不同的域名会显示给你不同的价格
    许小亮:@代码咖啡
    你推荐一款
    代码咖啡:十几块到几百块、几千块不等
  • 6494df96c4e2:用github的pages还是太慢了 毕竟在国外 国内的coding就不错
  • 嘿苹果儿:你好,请问绑定了域名需要备案或者什么的吗?
    代码咖啡:@嘿苹果儿 不客气
    嘿苹果儿:@代码咖啡 感谢。
    代码咖啡: @嘿苹果儿 一般不用到80端口的,不用备案,如果国际域名的话,要用到80端口需要备案
  • 一叶染秋:现在阿里云的DNS解析:绑定CNAME会出现:
    CNAME记录与主机记录(@)的MX记录冲突,无法保存成功。
    貌似没有办法啦
    代码咖啡:@计算机系少年 没有
    计算机系少年:新买的域名有指向吗?
    ImTudou:出现这种情况是因为你的域名有另外的指向
  • 德坤丨:你好 在进行到: 在自己的**GIthub中新建文件夹 并在个人内容填写域名后“再次访问自己的博客 显示
    > Lnfdnserror9.wo.com.cn 拒绝了我们的连接请求。
    代码咖啡: @德坤hi 嗯嗯
    代码咖啡:@德坤hi 新建的是文件,不是文件夹哦! 文件名为CNAME,文件的路径和index.html一致,文件无后缀名,在文件内写上域名,不加www和http:等东西,不知道您是不是这样的
  • 乐见其成:请问一下怎么新建没有后缀名的CNAME文件呢?
    代码咖啡: @乐成的简书 😄客气了
    乐见其成:@inerdstack 好的,非常感谢!
    代码咖啡: @乐成的简书 先让文件显示后缀名,然后新建一个CNAME.txt文件,写上你的域名后,将.txt删掉即可。
  • 0556e734b513:直接用阿里云的服务器跑,访问和部署都更稳定便捷些,
    代码咖啡: @黑溜儿 阿里云确实比github稳定,快速,但是阿里云不便宜哦
  • 速去逮一只猫::kissing_heart: 专程登陆感谢!!楼主的文章终 “CNAME(注意:没有扩展名)”帮我了大忙,我就说为什么绑定了域名迟迟不生效一直404。
    代码咖啡: @速去逮一只猫 很高兴可以帮到你,我也是在好友的帮助下完成的
  • yhyangjiabin:可以把博客放在阿里云的服务器上,速度会快一点
    代码咖啡:@yhyangjiabin 想请问一下这个nodejs镜像是什么?
    yhyangjiabin:@linmodev 可以尝试在一台服务器上运行一个nodejs的镜像,然后在这个镜像上部署hexo。然后后台运行就OK了
    happy_milo:@yhyangjiabin 这个怎么实现

本文标题:【10】个性化博客——域名绑定

本文链接:https://www.haomeiwen.com/subject/ryvgyttx.html