简介

hexo 是基于node.js制作的一个博客工具，是一个开源的博客系统。正常来说，不需要部署到服务器上，服务器上保存的，是基于在hexo通过markdown编写的文章，然后hexo生成静态的html页面，然后，将生成的html上传到服务器。简而言之：hexo是个静态页面生成、上传的工具。

主页： https://hexo.io/zh-cn/

结构

文件/文件夹     说明

_config.yml     配置文件

public         生成的静态文件，这个目录最终会发布到服务器

scaffolds     一些通用的markdown模板

source      编写的markdown文件，_drafts草稿文件，_posts发布的文章

themes     博客的模板

正常使用，修改最多的源码是_config.yml文件，不管是博客的基础配置，还是模板，都是修改这个文件。

source是我们日常写文章要用的目录，是我们日常操作的文件夹。

如果针对下载的模板修改，那么就需要操作themes了。

hexo是用node.js编写的程序，所以theme的修改也是比较容易的。

如何安装

通过hexo可以快速构建个人博客，搭建到 github 上供外网访问

1. 建仓库

github 新建一个仓库，仓库名为 <user-name>.github.io 格式，其中 <user-name> 是你 github 的昵称。

2. 安装

打开命令行，输入命令安装 hexo。

npm install -g hexo

3. 初始化项目

hexo init，可以自动建一个 hexo 项目，执行完成以下命令，浏览器访问 localhost:4000 就可以看到效果。

hexo init
// 本地运行
hexo s

4. 部署到github

在项目根目录下找到 _congif.yml，找到 deploy 字段并填写完整：

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: <你的仓库地址> # https://github.com/<你的仓库地址>/<你的仓库地址/项目名称>.github.io
  branch: master

接下来需要一个工具来推到仓库：hexo-deployer-git

npm install hexo-deployer-git --save

执行下面两个命令，就可以把项目自动部署到 github 上。

hexo clean
hexo deploy

5. 部署完成

浏览器访问：https://<你的仓库地址>.github.io/ 即可看到效果。

至此，完成Hexo博客的搭建。

使用

1.创建新文章

写博客：

// [layout] 为布局，可选项为 `post` `page` `draft`，这将决定文章所在文件路径。
// <title> 为文章标题
// 如 hexo new post
hexo new [layout] <title>

2.更换主题皮肤

更换主题流程：下载主题 -> 配置主题，以 xoxo 为例

# 下载到themes文件夹下
git clone https://github.com/KevinOfNeu/hexo-theme-xoxo xoxo
# 修改 _config.yml 配置
theme: xoxo

3.部署优化

将 hexo clean 和 hexo deploy，写入脚本：

// package.json
"dev": "hexo s",
"build": "hexo clean & hexo deploy"

部署命令：

npm run build