从0到1搭建属于自己的博客

前言

早一年前，就特想自己搭建个博客，记录并总结自己的学习历程，但是由于自身技术的欠缺，这一年多就一直在积累，然后在CSDN上做总结，现在，终于，在天时地利人和的情况下，我要开始搭建属于自己的博客，当然，我会把从0到1搭建的全过程分享给大家，大家如果想搭建的话，可以做个参考哦，如果有什么好东西，欢迎指教~

简介

首先，这个博客我打算前后端全自己写，采用的技术是Vue SSR，有的人可能会说，为什么不直接用wordpress或者Hexo呢？答：因为我想亲力亲为，我要亲身体验下从产品到UI，再到前端，最后到后端的全过程，这样我的知识就形成了一个闭环，还可以有效的提高我的工作效率，哈哈，所以请原谅我的傲娇~ 其实还有一个原因就是，学到的好多技术在现工作当中是用不到的，而通过搭建这个博客，我就可以实践下~

准备工作

• 服务器
• 域名
• 安装nginx

前期，首先要买一个服务器，当然，如果你是大佬，可以自己搞个服务器，也就是软路由，不懂的同学可以了解下哦，而我暂时买了阿里云的，毕竟我穷，阿里云新用户，只需要100块左右，具体的话还要看配置，有了服务器之后就需要买个域名，绑定你的服务器，这个大家应该都懂吧，不懂的同学，可以看下我的这篇博客，里面浅谈了一下，绑定之后，咱们就需要在服务器上搭建个web服务器，我用的是nginx~
ok，这就是咱们前期的大概流程，下面咱俩就讲下具体的流程。

买服务器

ok，花钱的时候到了，先给大家一个阿里云的链接，因为个人搭站，没必要买那么好的，我买的是1核，2G，1兆的，购买过程，我就不贴图了，在你购买之后，你会看到如下这张图

实例就是你买的服务器了，那么怎么连接服务器呢，细心的同学，可能发现图上有个远程链接的按钮，但正确的姿势是用xshell，至于xshell是个什么东东，这里我就不做解释了，下载链接xsheel，这个是个人版的，只要输入邮箱地址，链接就会发到你的邮箱，如图所示：

这里大家把两者都勾上，xshell是命令行形式，xftp就是可视化，对命令不熟的同学可以用xftp
xshell如下图所示

这么连接服务器呢？很简单，点击新建，如下图

名称可以随意写，主机就是你服务器公网ip，点击确定，然后双击添加过的会话，就会让你输入账号密码，这里，我需要强调下，大家最后不要选择用账号密码，因为总有人在一直攻击你的服务器，如果你的密码设置的简单，就会被人给攻击了，不信的话，大家登陆之后，敲入grep sshd.*Failed /var/log/secure,如下图所示

一条就代表一个人，在攻击你的服务器，但是失败了，大家也可以在阿里云管理台看，步骤是云安全中心 -> 攻击分析,如下图所示

可以看出具体的攻击信息，那么我们该怎么办呢？那就是选择用证书登录，如下图所示

因为我是创建过的，所以有记录，实际是点击创建密钥对，会显示以下界面

一系列操作之后，点击确定，就会生成一个你的密钥

这时候，只需要和公钥绑起来就ok了，怎么绑呢？打开你的xshell，点击你之前创建的会话，这时候会弹出以下的图

点击浏览，选择刚下载的秘钥就ok了，连接成功效果如下所示：

买域名

域名我还是在阿里云上买的，链接是域名，同样我就不贴购买过程了，在你购买完之后呢，就需要绑定你的服务器ip，如下图所示：

因为我添加过，所以会有一条记录，实际操作是点击添加记录，弹出以下图：

记录类型，解析线路默认值就行，主要是主机记录和记录值，主机记录就是你的二级域名或三级域名，设置即可，以我域名为例，我输入的主机记录是www，那么在浏览器输入www.ihml.top就能访问，记录值就是你的服务器的ip地址，全部输入完毕之后，点击确定，这时候咱们就绑定成功了~
我们可以ping下，看能不能通

很明显，是ping的通的~

安装nginx

这里我选择的是安装openresty，openresty是通过 Lua 扩展 NGINX 实现的可伸缩的 Web 平台，废话不多说，先给大家发个链接openresty的最佳实践，如下图所示：

大家根据自己的服务器系统选择安装即可，安装成功后文档列表有个练习Hello world，大家可以练习下，如果大家跟着练习敲完后，发现网站打不开，可能是因为你的端口没开，这时候，你就需要去阿里云管理台，释放你设置的端口，如下图所示

可以看出阿里云默认只暴露了22和3389（80是我后续加的），这时候，你只需要添加你的应用端口即可~

代码编写

对于代码的编写，我利用的是VueSSR，服务端用的koa框架，数据库用的mysql，目前只开发了文章列表和文章详情~
由于功能还未开发完成，所以代码的开发过程就先不做分享了~
目前效果：个人博客地址，非常欢迎大家在评论席提出自己的意见，我会采纳的，Thank you~