使用Hexo基于GitHub Pages搭建个人博客(二)

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

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

一、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

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

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

enter description here

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