如何快速搭建自己的博客网站（一）

如何快速搭建自己的博客网站（一）

首先声明，本人纯萌新自学，之前只做过localhost的网页，对于网络基本就是小白，但是经过这几天的学习和尝试，成功搭建了自己的Blog。当然，少不了的是参考大佬们的案例_{以及使用大佬们的模板}

---

想要搭建一个博客，或者一个简单的网站，比如静态web的应用，为了避免麻烦最好方法就是使用云服务器配置。（当然自己也没有本地服务器…），顺带插一句，up本人在日本留学，所以申请到了一个公网IP，本地确实有一个小服务器，不过只用来当做steam的游戏私服，用来搭web…分分钟被黑掉（被大佬们爆破）

言归正传，如果你也是和我一样基本知识为零的萌新，但是想要学习或者搭建一个属于自己的博客去记录生活，那么可以来参考以下的内容，同时，也请大佬们指出一些不足和提出您宝贵的建议。

目前使用的配置

• 服务器：微软Azure web service

  • 操作系统：Linux
  • SKU 和大小：Basic (B1)
  • 订阅：学生订阅

  顺带说一下，使用Azure真的挺方便，自带WordPress一键无脑建站。如果是学生的话注册免费的学生订阅无成本开自己的博客，非学生也可以注册获得100刀~~（好像）~~的免费额度。

• 平台：WordPress

  或者你可以选择Hexo或者HuGo这些静态web搭建的平台，但是相比起来WP，我觉得WP作为老牌静态web平台有很多的优势，首先就是模板和主题非常的丰富，还有许多插件，例如电商插件Woocom轻松解锁你的小黄车，最关键的是WP是具有后台管理功能的，对于一个博客来说，建站最简单，但是维持才是最重要的！持续的输出和分享非常关键，WP在写帖子上相比去Hexo这些体验会好很多。而且简单。

• 域名：白嫖的，国外申请注册域名不需要备案

基本上基础的配置就是上边这些，下面来详细说明一下，如何从零开始搭建属于自己的网站

第一步：注册Azure，开启你的web APP

首先，使用你的微软账号登录到Azure的平台，Azure

然后如果是学生的就注册一下学生订阅，非常简单，不再赘述。

接下来就是第一步，创建一个WordPress web app，在Azure中搜索WordPress你会得到以下的画面（图片更新至2024.01.09）：

在这里面我们会看到很多WordPress的选项，推荐选择“WordPress on APP service”。

选择进入WordPress on APP service之后，你会看到如下的画面：

在这里，你可以选择你的订阅，由于我是学生（狗头），所以这里的订阅是Azure for Student，然后你需要选择一个资源组，这里如果你没有使用过的话可以选择新建一个，我这里是为了创建个人博客，所以资源组新建了一个命名为了“Blog”。

在选择资源组之后，选择你的区域。
这里有几点需要说明：不是所有的区域都支持下面你订阅中的计划。尽量建议选择East Asia。由于我在日本读书，一开始选择的是Japan East，但是他奶奶滴竟然没有免费的Plan，而且MySQL灵活服务器不可以用于所选地区，于是还是选择了东亚，对于静态web来说，基本不会有太多的网络的问题。

之后，就是给你的web应用一个名字了，注意，这里的名字并不是你的网址域名，和你的网址有半毛钱关系，真-半毛钱关系，这个名字会跟Azure分配给你的默认域名有关，基本就是APP名字+azurewebsites.net，非常的难记，后续我们会使用自定义域名。

！！特别注意！！！
在这里会要求你输入WordPress的管理员账号和密码，千万不要忘了，在后边登录到网页后台时需要。（别问我为什么特别注意，因为我忘过，很麻烦）

这里，密码必须是大写，小写，数字，特殊符号的至少三个成分组成。！！千万别忘了！！

到这一步之后，后面的步骤基本不需要设置，直接点击检查并创建就可以。PS：如果需要的话，可以在高级里面选择Azure CDN，方便网页资源加载。

在点击创建之后，会出现下面的画面：

等待部署完成就可以啦，大概十分钟左右，你的web APP就上线啦！

第二步：查看你的Web和WP管理员后台

在完成部署之后，你可以在自己的仪表盘或者资源组内看到一个这样的东西：

在这里点开类型为“应用服务”的web，就可以看到网页正在运行的基本信息了。

红色方框显示的就是Azure给我们分配的默认域，点击就可以打开WordPress网站，或者点击左上角的“浏览”，就可以进入到你自己的Web啦。

点开web链接，应该网址就是你的默认域，例如我的totoblog.azurewebsites.net，在这个网址后边加上/wp-admin就可以进入到管理后台中。

到此，你的web就正式可以使用了，为了更加方便使用，我们会给web添加一个自定义域名。

第三步：给web添加一个自定义域名

因地制宜，我选择的是一个日本的域名服务商，一年10块钱人民币左右吧，后缀是.com的域名会比较贵，.net或者.blog这样的杂牌域名会很便宜，你可以根据自己的需求选择域名服务商，购买域名并登记注册，之后就是把域名绑定到Azure的web上边。

要在Azure web上添加自己的域名，首先需要创建一个DNS区域。

在搜索框搜索DNS可以看到以下的画面：

点击进入之后，创建一个新的DNS区域。

如上图所示，类似的画面，按照自己的设定选择资源组，但是需要注意的是！！这里的名称需要正确填写你购买的域名。

一定要填对了，否则后边添加的时候会出现错误。

在填写好之后，进入到自己的域名服务商网站，这里我演示一下我使用的网站，基本上都是类似的，可以参考使用。

首先，需要在你的域名服务商处设定name server：

自己的name server在刚刚创建的DNS区域内可以找到：

在域名网站上正确填写上边红框标注的名称服务器，注意Azure的网站上末尾有一个点，别忘了删掉。

填写好name server之后，我们需要在DNS区域内设置一下DNS记录集，或者叫DNS record。

回到刚刚创建的DNS区域内，点击+记录集

这里需要注意，类型有很多种，具体为A/AAAA/CNAME/MX/NS/TXT。具体的含义可以百度一下。

我们要做的就是根据自己的情况去添加。在你的web app的资源里点开自定义域，可以看到以下的画面：

根据下面的类型-主机-值去你的DNS区域内正确填写并创建对应的记录集。

也可以选择CNAME进行验证。

填写好之后，就可以点击验证，验证成功之后，你就拥有自己的域名啦！

现在，你可以通过自己的域名去访问你的博客了。

---

后续的关于WP博客设置和美化中学习到的一些小技巧和经验，我会在后面的帖子中分享给大家。

希望大家都可以拥有自己的博客，也欢迎各位来我的博客https://thetoto.blog交流学习！
PS：2024.06.05：Azure太黑了，开了CDN加速之后猛猛花钱，转战腾讯云了家人们，这一次没有用现成的博客框架例如HEXO和WordPress这种，用了svelte的前端框架搞了一个，方便后续在里面加一些新东西，静态页面渲染也挺快的。

坚持更新，分享，才是一个博客的关键。
去访问你的博客了。