# 一、前言

Hexo 框架是基于 Node.js 的快速、简洁且高效的博客框架,可以解析 markdown 格式文件并依此快速生成静态网页,还能通过自由搭配个性化主题和功能插件实现博客网站显示样式和功能的定制化效果。

# 二、环境准备

搭建 Hexo 框架前需要先安装 Node 环境和 git 工具:

Node.js 官网下载:http://nodejs.cn/download/

git 官网下载:https://git-scm.com/download

在 cmd 控制台中分别输入以下命令,确认工具是否安装完成:

环境验证
node -v
npm -v
git -v

工具安装验证

由于 npm 默认安装源为国外服务器,可能出现连接失败或者下载缓慢等问题,执行以下命令可以修改默认源为淘宝镜像源:

npm config set registry https://registry.npm.taobao.org

# 三、安装 Hexo 框架

准备一个 空文件夹 作为博客根目录,例如 blog

blog 目录下单击 鼠标右键 ,打开 右键菜单 ,点击 Git Bash Here 进入 Bash 控制台,在 Bash 依次进行下面的操作:

  1. 输入以下命令开始安装 Hexo 框架
npm install -g hexo-cli
  1. 输入 hexo version 命令,验证 Hexo 框架是否正确安装

hexo安装验证

  1. 输入 hexo init 命令,在当前 blog 目录下执行 Hexo 框架初始化,等待初始化完成后进行下一步

  2. 执行 npm install 命令,安装 hexo 框架的相关依赖包

  3. 输入 hexo server 命令,可以启动本地服务器。Ctrl + 鼠标左键点击 Bash 窗口中显示的本地站点地址,或者在浏览器中输入地址 http://localhost:4000 ,即可在本地查看站点初始效果.

Hexo博客初始页面

在 Bash 窗口按 Ctrl + C 可以关停本地服务器。

至此,一个初始的 Hexo 博客站点已经搭建完成。

此时, blog 博客根目录下主要有以下内容:

node_modules: 安装的 Hexo 的依赖包和插件等
scaffolds:存放布局模板
source:博客源文件
themes:存放个性化主题文件
_config.yml: 全局配置文件

之后,可以在 Hexo 主题仓库中下载喜欢的主题,根据主题说明进行自定义配置,即可定制化博客站点效果。结合 git 工具以及 Gitee 和 Github 等平台服务还可以实现博客线上部署以及源文件备份等。本站主题配置和博客部署流程可参阅文章 Shoka 主题配置博客部署及备份