Hexo简介 {#Hexo简介}

Hexo是什么 {#Hexo是什么}

Hexo(中文官方网站)是一个快速，简洁且高效的博客框架，让上百个页面在几秒内瞬间完成渲染。Hexo 支持 GitHub Flavored Markdown 的所有功能，甚至可以整合 Octopress 的大多数插件，只需一条指令即可部署到 GitHub Pages, Heroku 或其他平台，而且Hexo自己也拥有强大的插件系统：强大的 API 带来无限的可能，与数种模板引擎（EJS，Pug，Nunjucks）和工具（Babel，PostCSS，Less/Sass）轻易集成。

安装node.js {#安装node-js}

Hexo是基于 node.js 的，所以我们在安装它之前需要用到 npm 安装工具，这个工具是 node.js 安装包的工具；另外我们还会用到git工具，所以请先确保已经安装下列应用程序：

Node.js
Git

安装 Hexo {#安装-Hexo}

使用npm安装hexo：

|-----------|---------------------------------| | 1 | npm install -g hexo-cli |

创建Blog {#创建Blog}

现在我们已经完成hexo的安装，那么现在我们来创建一个Blog：

创建一个名称为blog博客

|-----------|------------------------| | 1 | hexo init blog |

如果不写***blog***，就会在当前目录进行初始化。如果后面跟了名称就会创建目录并在指定目录下进行初始化操作，以这个名字为目录名。
我们进入创建的blog目录里。并运行该服务

|---------------|-----------------------------------------| | 1 2 3 | cd blog npm install hexo server |
打开浏览器，在地址栏输入http://localhost:4000/可以看到我们刚刚创建的blog首页
安装部署使用到的git插件
我们使用的是git源码管理工具，所以安装这个插件才能使用git进行自动部署：

|-----------|----------------------------------------------| | 1 | npm install hexo-deployer-git --save |
修改blog目录下的 _config.yml 配置文件将网站自部署到Github

|-----------------|-------------------------------------------------------------------------------------------| | 1 2 3 4 | deploy: type: git repository: git@github.com:用户名/用户名.github.io.git branch: master |

注意在type前面需要增加两个空格，在type的冒号后面需要增加一个空格。请保持代码风格一致。否则会出现错误。
生成网站
当我们部署网站前，需要先生成静态网站。执行命令hexo g会自动在目录下创建public的目录，并将新生成的网页存放在这个目录里

|-------------|------------------------| | 1 2 | cd blog hexo g |
手动部署网站

注意：部署前需要重新生成网站，每一次修改后都需要重新生成网站并进行部署，生成网站请看第6步。

|-----------|----------------| | 1 | hexo d |

如果在部署出现如下错误信息请参考第4步，需要提前安装git部署插件

|-----------|---------------------------------------| | 1 | ERROR Deployer not found: git |
如果上面的步骤都已经顺利完成了，恭喜你，你已成功完成了第一个网站的部署和搭建
打开浏览器输入网址：https://用户名.github.io 欣赏一下你的成果：）