9
头图

前言

《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,在 《一篇从购买服务器到部署博客代码的详细教程》中,我们将代码部署到服务器上,最终的效果查看:TypeScript4 中文文档

但是在文章中,我们并没有涉及域名相关的内容,此篇专门写一篇域名的详细教程。

1. 域名购买

因为使用的是阿里云服务器,所以我们直接到万网注册一个:

选择合适的域名,加入清单,下单购买,注意,购买域名需要实名信息,一路跟着指示操作即可。

购买完后,我们可以在域名控制台查看到我们购买的域名:

2. 域名备案

域名购买完后,需要申请 ICP 备案。ICP,全称为 Internet Content Provider,中文为网络内容服务商。

而 ICP 备案,是为了防止在网上从事非法的网站经营活动,打击不良互联网信息的传播,国家对互联网信息服务实行的备案制度。

如果不进行备案,很有可能被查处以后关停。

2.1 提交信息

我们可以在阿里云的ICP备案网站直接填写信息提交备案,其备案流程为:

虽然阿里云会提供付费的备案管家服务,但因为我们的网站比较简单,其实完全没有必要,选择自主备案即可。

需要填写的内容有基础信息、主办者信息、网站信息等,对于个人而言,其实就是个人的身份证信息、联系方式、住址等信息。

注意需要上传的信息有身份证正反照,还有就是需要做一个阿里云 APP 的人脸核验,按照提示走就行。

还要注意在网站信息填写中,对网站名称有一些要求,就比如不能带 "博客"、"论坛"等词汇,具体可以参考个人网站命名要求

2.2 阿里云初审

信息提交之后,会先进行阿里云初审,阿里云审核人员会查看提交的 ICP 备案信息及资料,确认资料是否符合要求,并会电话联系,确认备案信息的真实性。

我最一开始申请的网站信息里带了“博客”两个字,就是在初审的时候被告知,然后他们直接替我改掉的。

2.3 短信核验

工信部要求对中国内地(大陆)提供服务的网站进行ICP备案时需进行短信核验,用户在阿里云ICP备案平台提交ICP备案申请且初审完成后,会收到工信部发送的核验短信,您需要在收到短信的24小时内完成短信核验,短信核验成功后备案申请将进入管局审核。

初审过后,根据手机短信中的提示,登陆工信部备案管理系统进行短信核验,其实也就是输入手机号、身份证后六位和短信中的验证码信息,其实非常简单。

2.4 等待审核

接下来就是漫长的等待,实际审核时长会根据ICP备案场景有所不同,一般为1~20个工作日,像我这次申请是 7 天左右:

2.5 备案信息悬示

备案申请下来后,可以登陆阿里云 ICP 备案网站,查看自己的备案信息:

获取备案信息后,我们需要在网站底部添加备案信息,这是因为:

ICP备案成功后,您需要在ICP备案成功的网站底部悬挂工信部下发的ICP备案号,并生成链接指向工信部网站:beian.miit.gov.cn。如果未在网站底部添加ICP备案号,被相关部门核查出来将处以五千元以上一万元以下罚款。

具体的样式不规定,反正你要写,我们以阿里云官网的底部示例:

3. 域名解析

接下来我们要做的就是将域名解析到我们的服务器 IP。

我们登陆域名控制台查看到我们购买的域名,并点击 「解析」:

在打开的页面点击「添加记录」:

  • 记录类型:选择 A 实现将域名指向 IP 地址
  • 主机记录:一般是指子域名的前缀(如需创建子域名为www.dns-example.com, 主机记录输入www;如需实现dns-example.com,主机记录输入 @)。
  • 解析线路:选择 默认(默认为必选项,如未设置会导致部分用户无法访问 )。
  • 记录值:记录值为 IP 地址,填写 IPv4 地址。
  • TTL:为缓存时间,数值越小,修改记录各地生效时间越快,默认为10分钟

添加完后,等待 10 分钟左右,然后尝试访问解析的域名,看是否能成功访问就行。

系列文章

博客搭建系列是我至今写的唯一一个偏实战的系列教程,讲解如何使用 VuePress 搭建博客,并部署到 GitHub、Gitee、个人服务器等平台。

  1. 一篇带你用 VuePress + GitHub Pages 搭建博客
  2. 一篇教你代码同步 GitHub 和 Gitee
  3. 还不会用 GitHub Actions ?看看这篇
  4. Gitee 如何自动部署 Pages?还是用 GitHub Actions!
  5. 一份前端够用的 Linux 命令
  6. 一份简单够用的 Nginx Location 配置讲解
  7. 一篇教你博客如何部署到自己的服务器
  8. VuePress 博客优化之 last updated 最后更新时间如何设置
  9. VuePress 博客优化之添加数据统计功能
  10. VuePress 博客优化之开启 HTTPS

微信:「mqyqingfeng」,加我进冴羽唯一的读者群。

如果有错误或者不严谨的地方,请务必给予指正,十分感谢。如果喜欢或者 有所启发,欢迎 star,对作者也是一种鼓励。


冴羽
9.3k 声望6.3k 粉丝

17 年开始写前端文章,至今 6 个系列,上百篇文章,全网千万阅读