使用Hexo基于GitHub Pages搭建个人博客（二）

发表于： 2016-07-23 分类于： Hexo

字数：826 阅读：≈ 2分钟浏览：

上一篇介绍了 GitHub Pages 服务开启，这篇文章将介绍 Hexo 的安装和使用以及将博客部署到 GitHub Pages 的操作。

一、Node.js 安装

Hexo 是基于 Node.js 安装，所以安装 Hexo 之前首先要安装 Node.js。下载地址：https://nodejs.org/en/download/ 根据自己的操作系统，下载对应版本即可。Windons 安装过程比较简单，一直下一步即可安装完成。

打开 Git Bash 输入以下命令开始安装 Hexo

npm install hexo-cli -g

出现以下界面表示安装完成

安装 Hexo 完成后，在本地磁盘创建一个目录用于存放 Hexo 配置文件和博客源代码，我的 Hexo 存放在 D:/ehlxr 目录下。

分别执行下列命令，Hexo 将会在 D:/ehlxr/Hexo 新建所需要的文件

# 进入 D:/ehlxr 目录
cd /d/ehlxr/

# 初始化所需要的文件到 Hexo 文件夹
hexo init Hexo

# 进入 Hexo 文件夹
cd Hexo

# 安装
npm install

分别执行以下命令在本地进行预览

# 编译生成博文
hexo generate

# 启动Hexo服务器
hexo server

出现以下画面表示服务启动成功

打开浏览器输入 http://localhost:4000/ 便可以看到最原始的博客了

更新 Hexo 安装文件夹中 _config.yml 文件，如图

更新 _config.yml 文件中的 deploy 节点，如图所示，可添加多个地址（如一个 GitHub、Coding、oschina）

分别执行以下命令即可完成部署

npm install hexo-deployer-git --save # 安装 hexo-deployer-git

hexo clean # 可简写为 hexo cl
hexo generate # 可简写为 hexo g
hexo deploy # 可简写为 hexo d

访问 https://yourname.github.io 即可看到博客模板的内容，对于 Hexo 的一些详细设置可以参考 Hexo官方文档。本站使用的 Hexo 主题是 NexT，详细设置可参考 Next主题官方网站。

使用以下命令就可以新建一篇博客文章

hexo new "开始blog，哈哈"

打开 Hexo 目录下的 source\_posts 目录就可以看见创建的文章了，如图所示

文章是 MarkDown 格式文件（关于 Markdown 语法可参考 Markdown 语法说明(简体中文版) ），编辑文章后保存，可以先启动本地 Hexo Server 查看效果，然后执行部署命令就完成了博客文章的发布

Markdown 编辑器我推荐使用小书匠

至此，使用 Hexo 基于 GitHub Pages 搭建个人博客就介绍完了。