# 一、前言
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
依次进行下面的操作:
- 输入以下命令开始安装 Hexo 框架
npm install -g hexo-cli |
- 输入
hexo version
命令,验证 Hexo 框架是否正确安装
输入
hexo init
命令,在当前blog
目录下执行 Hexo 框架初始化,等待初始化完成后进行下一步执行
npm install
命令,安装 hexo 框架的相关依赖包输入
hexo server
命令,可以启动本地服务器。Ctrl + 鼠标左键点击 Bash 窗口中显示的本地站点地址,或者在浏览器中输入地址http://localhost:4000
,即可在本地查看站点初始效果.
在 Bash 窗口按 Ctrl + C 可以关停本地服务器。
至此,一个初始的 Hexo 博客站点已经搭建完成。
此时, blog
博客根目录下主要有以下内容:
node_modules: 安装的 Hexo 的依赖包和插件等 | |
scaffolds:存放布局模板 | |
source:博客源文件 | |
themes:存放个性化主题文件 | |
_config.yml: 全局配置文件 |
之后,可以在 Hexo 主题仓库中下载喜欢的主题,根据主题说明进行自定义配置,即可定制化博客站点效果。结合 git 工具以及 Gitee 和 Github 等平台服务还可以实现博客线上部署以及源文件备份等。本站主题配置和博客部署流程可参阅文章 Shoka 主题配置和博客部署及备份。