3

从零开始搭建个人博客(五)- 申请免费域名并绑定到个人博客

 1 year ago
source link: https://www.leftpocket.cn/post/hugo/hugo_dns/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

原文地址:码农在新加坡的个人博客

使用个人博客也有一年多的时间,这一年多的时候踩了很多坑,也学到了很多知识。
这里分享一个系列教程:从零开始搭建个人博客,把我的经验分享在这里。
系列地址:https://left-pocket.github.io

从零开始搭建个人博客(五)- 申请免费域名并绑定到个人博客

如果你有钱,可以去买个域名,普通的域名不贵。
https://wanwang.aliyun.com/

这里就可以购买域名

万网

但是如果你不想花钱,就买一个域名,这里教你一个办法:
Freenom,免费域名服务商。
官网: http://freenom.com

一、注册你的账号

二、Service->Register a New Domain
选择你想要的域名,点击Check Availability

万网

三、选择可用的域名,点击Get it now!, 点击Checkout

万网

四、免费Period最多可以选择1年,点击Continue

五、Complete Order,域名购买成功。

DNS解析

虽然域名我们是购买成功了,但是我们需要域名解析,才能使用。

注: 如果是在阿里云购买的域名,直接在阿里云找到域名解析即可。

阿里云

如果是免费购买的域名,可以在Dnspod上解析刚才购买的域名。

使用:https://www.dnspod.cn/ 来解析刚才购买的域名

一、注册账号,可以使用微信登陆。

二、管理控制台->DNS解析->我的域名->添加域名

万网

提示需要设置正确的DNS服务器,这里是需要回到刚才的购买域名的网站freenom

三、My Domains->Manage Domains->Management Tools->Nameservers

万网

四、回到dnspod, 重新解析,状态会变成无记录。

现在域名是解析成功了,还没有绑定到你的网站。

绑定Vercel

一、回到你的vercel,点击你的项目->Settings->Domains

添加你刚申请的域名

万网

会提示你添加一条A记录,一条CNAME记录。

二、回到dnspod,添加这两条记录。

万网

三、添加成功,回到Vercel

万网

绑定Github Pages

一、添加CNAME文件 在你的github pages项目根目录上新建一个CNAME文件,在CNAME文件上写入你想绑定的域名,不需要带httpswww

leftpocket.ml

万网

这个CNAME文件有什么用呢?稍后再说。

二、在DNSPod添加A记录

万网

为什么192.30.252.153192.30.252.154,因为这是github pages官网说的IP地址。网上有些人说A记录是ping xxx.github.io之后的IP地址,你也可以试试是否可行。反正这两个ip是肯定不会出错的。

但是你可能会奇怪,每个人都是这两个IP地址的话,那么Github怎么知道我的域名而不是其他人的域名呢?
答案就在上一步操作中的CNAME文件,这里指定了其所对应的域名,github会自动处理,将两者对应起来。

如果你不想在github上添加CNAME文件,也可以在DNSPod上添加CNAME记录把域名指向left-pocket-test.github.io的话,也会成功(像上面Vercel一样)。但是官方是不推荐最终做法的,因为可能会导致其他服务出现问题

万网

<全文完>

欢迎关注我的微信公众号:码农在新加坡,有更多好的技术分享。

pic

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK