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

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

一、Node.js 安装

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

CentOS 7 安装 Node.js

二、Hexo 安装

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

npm install hexo-cli -g

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

三、Hexo 建站

安装 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 部署到 GitHub Pages

更新 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 目录就可以看见创建的文章了,如图所示

enter description here
enter description here

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

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

enter description here
enter description here

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