1.概要

本文不会详细的讲解搭建一个博客的步骤，只是简单的说一下我自己是如何搭建自己的博客的。博客地址在这里，感兴趣的可以了解一下。本文只是简要说一下。

下面是博客的首页图片，博客的源码我在GitHub开源了的，感兴趣的可以看下，能给个star的话，那就感激不尽了。地址在这里：https://github.com/flywo/vue-blog

image.png

2.流程

1.写博客代码

我的博客是我自己写的，没有用开源的代码，前端使用的是vue+element-ui+markdown写的。后端采用了node.js的web框架koa2写的。数据库使用的是MySQL。
由于是前后端分离的，并且前后端的语言都是JavaScript，所以很快就写出来了。

2.购买域名

写完博客代码后，就是去购买域名了，我购买的www.yuhua.pub域名，买了10年，很便宜。

3.购买服务器

买了域名后，接下来就是买服务器了，我买的是华为云的服务器，由于是新用户，还挺便宜的。

4.设置域名dns解析

服务器买好后，将域名dns解析到我所购买的服务器ip地址上。

5.服务器安装必要程序

接下来就是给服务器安装必要的软件，我服务器使用的技术是node.js，所以node.js必须安装，然后是安装MySQL，使用了Nginx进行反向代理，所以Nginx也要装。同时还是用了pm2来管理项目的启动等，所以pm2也要安装。

6.上传代码

接下来，把web端和server端代码分别上传。注意web端代码是vue写的，所以是打包上传。

7.配置根目录

接下来，配置Nginx，将根目录设置到web代码上传的文件夹中。配置好后，此时访问域名，应该能够看到你所编写的vue页面了。但是此时是没有数据的，因为server端还没有启动呢。

8.启动server端

进入server目录，npm install安装一下依赖，然后用pm2运行项目。

9.配置Nginx反向代理

记住第8步启动server端后，本地的端口号，在Nginx中将请求反向代理到该端口号中。

配置后，重启Nginx，此时再次访问域名，即可看到数据了。

10.申请ssl免费证书

此时博客被访问时，网址前面会有一个不安全的提示，要解决这个文件，那我们就必须要用https，我是申请的阿里云免费ssl证书，这一步去阿里云申请，然后按照流程配置即可。

11.配置Nginx支持https

这一步，将第10不申请好的证书配置一下，即可完美的实现https请求。

3.总结

步骤看起来确实还是挺多的，但其实每一步都不难，只是很繁琐，但是看到全程是自己码出来的博客在线上跑起来的时候，还是挺开心的，至少付出还是有回报嘛。

上面每一步其实都可以写一篇博客，等后续有时间慢慢的补上吧。