Hexo搭建个人博客（一）入门篇

为什么突然想要搭建个人博客了呢？

这件事还要从一只蝙蝠说起…

回到正题，在互联网时代的浪潮下，只能由传统官方媒体为主要渠道发布信息的时代已经称为历史。

从搭建个人博客到称为博主，最后迎娶富婆，到达人生巅峰。

1. 什么是Hexo？

Hexo是搭建客人博客常用的框架之一，在这里不再赘述。

2 .为什么选择Hexo？

其实选择Hexo作为首次搭建个人博客的原因很简单：用的人多

Hexo框架在Github上的Star数为30K，这意味着这个框架相对成熟，奇奇怪怪的问题会比较少，最重要的是作为首次搭建个人博客的萌新，难免会遇到各种各样的问题。因此使用的人相对较多，问起度娘和谷哥也比较好得到答案。不至于太不知所措。

3. 具体操作

由于搭建博客使用的Hexo框架，其实操作比较简单。按照下述的步骤进行操作，快速入门上手Hexo博客框架。

3.1 准备

Windows系统下打开 PowerShell/CMD输入命令node -v与npm -v检查环境是否具备。

访问 Nodejs官网，点击下载

下载完成后安装，打开PowerShell/CMD输入命令node -v与npm -v检查环境。
如果出现相应的版本号则说明安装成功。如果安装失败，重新安装即可。

3.2 安装Hexo框架

现在借助刚刚安装好的npm来安装Hexo博客框架。

cmd键入命令换源 :
npm install -g cnpm --registry=https://registry.npm.taobao.org

使用cnpm安装Hexo框架cnpm install -g hexo-cli

检查Hexo是否安装成功hexo -v

3.3安装Git

在后续使用过程中，某些命令依赖Git，先安装好Git。

进入Git官网后下载安装即可。

在cmd命令下输入git --version测试安装是否成功。

如果安装成功，鼠标右键菜单栏会出现git的选项。

3.3 使用Hexo初始化页面

如果上述环境依赖已经完全安装成功，则下面就可以尝试使用Hexo在本地搭建一个博客页面了。

首先打开Powershell，

使用cd命令切换到想要部署博客的磁盘路径。
cd E:

创建博客根目录mkdir blog(或者换成自己喜欢的名字)，然后cd进去。

输入命令hexo init blog，根据网络状况的不同，可能需要等待一段时间。

安装相关模块npm install

编译生成页面hexo -g或者hexo -generate

启动本地服务hexo -s或者hexo -sever

之后在浏览器输入localhost:4000本地4000端口就可以看到刚刚生成的Hexo的初始化页面了。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wpFqKUkS-1585729515323)(http://qiniusave.rainmatrix.site/static/20200401/fM0cTdeLj3Yu.png?imageslim)]

3.4 创建第一篇文章

ctrl+c终止进程，断开hexo的服务。

输入hexo new 我的第一篇文章来创建第一篇文章。

这时cd切换目录到./blog/source/_post目录下会发下已经生成了文章文件。

千万不要在本地用Markdown编辑器去打开编辑这个文件，一旦打开后，再重新生成页面时就会出错。

可以使用文本编辑器进行编辑比如vscode,sublime Text。

下面是用vscode打开这个文件的举例

打开后是一个空文件，输入一下信息添加文件头：

  ---
  title: 我的第一篇文章			 # 文章标题
  author: Luca						# 作者名 
  data:  2020-04-01 14:22:30		# 发布时间

  ---


  在这之后可以输入正文。
  使用markdown语法编辑。

输入hexo clean清理页面缓存。

输入hexo -g和hexo -s重新生成启动页面。

最后在浏览器输入localhost:4000查看文章。

3.5 小结

到此为止，Hexo的本地搭建和命令使用就结束了。

我们刚才部署的页面只能在本地的4000端口访问，其他人是不能访问的。

如果想要做成一个博客网页，还有一段路要走。

4 写在最后

如果你想要了解更多，可以将我的博客加入收藏夹，我会将我用阿里云搭建的这个博客的过程写在这里。

当然，如果选择使用Github的托管页面搭建博客也是可以的。

详情可以参考b站up主羊哥的教程