个性化博客——域名绑定

个性化博客——域名绑定,第1张

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

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

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

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

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

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

点击 添加解析 按钮,如图一次输入: 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文件夹,完成添加后重新部署,博客网站又会恢复正常。

参考:

github怎么绑定自己的域名?

hexo部署后,CNAME会被自动删除,怎么办?

上一篇文章,我们详细说明了如何用hexo搭建个人博客,并且有了自己的博客地址。但是,有的同学可能觉得还不够牛逼。ok,那下面我分享下自己的博客是如何绑定自己申请的域名。

博客绑定域名,首先,你得有个域名。关于申请域名的网址有很多,国内有万网(被阿里云收购了),新网等。不过我不推荐在国内购买域名,需要备案等一系列手续非常麻烦。

国外的域名注册商很多,用的比较多的有GoDaddy、namecheap、name.com等,至于选哪个,推荐大家一篇知乎上的文章 https://www.zhihu.com/question/19551906 没错,我是在namecheap上注册的,现在貌似没有优惠码了,不过他们家免费送Whois 隐私保护(Whois查询不到注册人),SSL证书不再免费,不过和域名一起购买只需再花2$,总共一年也就70几块钱。

这里推荐大家申请后缀为.com的域名。当然了,如果你喜欢有个性的域名,或者希望网址能短一点,选其他的应该更容易命中。还有点要注意,namecheap不支持支付宝,银联,大家可以选择带有master或者visa标志的银行卡支付。这里再给大家推荐个比价网站 https://www.domcomp.com/ 有个网站第一年很便宜,后面续约越来越贵。我想一般我们的域名申请了应该会用挺久的吧。

DNS域名解析一般都是用的DNSPod,大家注册以后去域名解析一栏添加自己刚申请的域名。然后设置如下图所示:

大家只需要添加红框部分内容即可,其他设置下一篇文章会说。这里我们添加了主机记录分别为www和@两种类型,分别对应着您的网址带www和不带www的映射。防止有的浏览器默认添加www导致网页打不开。

一定要注意我们的CNAME记录指向值,我看网上很多都是设置的一个ip值,其实这样不好。因为第一,ip地址可能会变。第二,写死ip地址,万一这个主机挂了,或者某地区的这个ip网络信号不好,我们的网页就不打不开。大家可以在命令行dig一下,上一篇文章说过这个命令。

还有个非常重要没说,就是去你域名注册的网站去绑定DNSPod的dns服务器设置。如果是namecheap网站,替换掉网址 https://ap.www.namecheap.com/domains/domaincontrolpanel/your_domain_name/domain 中的your_domain_name,添加两条NAMESERVERS记录,设置如下图所示。

这样,你的网站才能被DNSPod做dns解析。一般需要一定时间才能生效,我当时是半个小时左右吧。

在你的博客source文件夹里创建CNAME文件,不带任何后缀,里面添加你的域名信息,如:weitianyao.com(注意前面不添加 http:// ),如下图:

然后就 hexo d 试试吧。

将域名绑定到github pages 博客上的解决方法

有如题需求的,一般都是程序员,有些步骤就不详细说了,写一些重点。

1、添加CNAME文件。

在仓库根目录下添加一个CNAM文件,没有后缀名,里面内容为域名(如:test.com),不需要添加http/www等前缀。

ping username.github.io记录下IP地址。

2、添加 DNS  Service记录。

去DNSPod注册个账号,添加域名,设置两个A记录。分别是@和w w w,ip地址填上个步骤获取的IP地址。

3、设置域名的DNS。

在相应域名的Csutom DNS里,设置DNS service,添加两条记录f1g1ns1.dnspod.net和f1g1ns2.dnspod.net

4、漫长的等待。

要全球解析生效,得等上一会了,也可以先ping一下自己的设置对不对。


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/373182.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-13
下一篇2023-05-13

发表评论

登录后才能评论

评论列表(0条)

    保存