HEXO是什么？

在开始搭建之前，先来科普一下hexo到底是个什么东西？下面是引用自Hexo官网的介绍，其实还少了一点，就是免费，哈哈哈。

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

Hexo特性

超快速度，Node.js 所带来的超快生成速度，让上百个页面在几秒内瞬间完成渲染。
支持 Markdown，Hexo 支持 GitHub Flavored Markdown 的所有功能，甚至可以整合 Octopress 的大多数插件。
一键部署，只需一条指令即可部署到 GitHub Pages, Heroku 或其他网站。
丰富的插件，Hexo 拥有强大的插件系统，安装插件可以让 Hexo 支持 Jade, CoffeeScript。

为什么选择Hexo？

比较流行的一些静态博客框架有Jekyll，Hexo，Simple，Octopress，Pelican以及Lo·gecho等等，但最后我选择了Hexo来搭建自己的博客，主要原因除了上面所介绍的特性以外，还有一个决定性的原因，就是Hexo有很多很好看的主题可以选，哈哈哈。好了，废话不多说，下面开始我们的主题，搭建博客。

搭建步骤

一、安装nodejs，没装的戳这里

二、安装git，没装的，麻烦再戳一次

三、GitHub账号跟SSH绑定，没配置好的，请戳第三次

四、Hexo建站，这部分就没得戳了，往下看吧

1、安装Hexo
由于新版的nodejs已经集成了npm，所以安装nodejs的时候，npm也一并安装好了，所以现在可以用 npm 来完成 Hexo 的安装。创建博客项目的存放目录，比如E:\hexo\blog，在该文件夹中，右键点击git bash here，输入npm install -g hexo，即可完成hexo的安装。如下图所示。

安装hexo

输入hexo v 或者 hexo version，可以查看到相关插件的版本信息和环境信息。

查看hexo环境

2、初始化hexo
还是刚才的界面，输入hexo init实现初始化，如下图所示，说明初始化成功。

初始化hexo

Hexo 将会在当前文件夹中新建所需要的文件，文件夹目录和简单介绍如下。

├── _config.yml   网站的 配置 信息，您可以在此配置大部分的参数。
├── package.json  应用程序的信息。
├── scaffolds   模版 文件夹。
├── source  资源文件夹是存放用户资源的地方。
   | ├── _drafts
   | └── _posts
└── themes  主题 文件夹。Hexo 会根据主题来生成静态页面。

再输入hexo s 或者hexo server,就可以启动hexo服务器了，默认情况下，访问网址为：http://localhost:4000/。

3、创建github仓库，需要注意的在图中特别说明了，一开始没有相同，踩了坑。

创建仓库

4、上传项目
打开配置文档_config.yml，滑到最下，可以看到depoly那一块的配置是空的，需要我们配置自己的上传的地址。type我们填git，repository我们加入刚才创建的仓库的地址，分支默认是master。有一点需要注意的是缩进问题，yml文件依靠缩进来确定元素间的从属关系。因此，请确保每个deployer的缩进长度相同，并且使用空格缩进。所以type、repository、branch冒号的后面都有一个空格，前面都是通过两个空格对齐。

仓库配置

修改好之后，回到git base窗口，输入npm install hexo-deployer-git --save，安装git发布插件。

安装git发布插件

接着输入hexo generate或者hexo g，来生成静态文件。

生成静态文件

接着输入hexo deploy 或者 hexo d，进行项目的发布。

发布

发布

上面两个命令也可以合并起来，直接输入hexo generate --deploy 或者hexo deploy --generate，让 Hexo 在生成完毕后自动部署网站。下一步，我们打开刚才创建的仓库，点击Settings，往下拉到这里，可以看到已经提示我们的站点已经发布好了。

仓库的配置

于是满怀期待的打开了https://gopoop.github.io/，可以看到我们的网站最最最雏形的模样了，乱入了句歌词，哈哈。

 网站

到此我们的免费博客就搭建完成啦，如果觉得写的还可以，动动手指点个喜欢，哈哈。下一篇文章将会介绍怎么更换主题，还有编写文章。