搭建 Hexo

准备工作

Node

  1. 下载地址:Node.js

  2. 安装:傻瓜式操作

  3. 检测是否安装成功:Win + R 调出运行窗口,输入 cmd 进入控制台,在控制台中执行下面代码,检测 Node 版本,若有版本号标识安装成功。

    1
    node -v

Git

  1. 下载地址:Git

  2. 安装:略

  3. 配置用户名及邮箱

    • 安装完成后,在资源管理器任意文件夹内右键,选择 Git Bash Here

    • 执行下面代码,username 是 Gitee 或 GitHub 等代码云管理平台的用户名,email 是注册代码云管理平台的邮箱:

      1
      2
      $ git config --global user.name "username"
      $ git config --global user.email "email"

Hexo

官方文档

安装

  1. 安装 hexo 脚手架

    1
    npm install -g hexo-cli
  2. 安装 hexo

    1
    npm install hexo

建站

  1. 在本地创建博客根目录。

  2. 在控制台中进入该目录。

  3. 执行下方指令

    1
    hexo init
  4. 此时,博客根目录如下:

_config.yml

此文件为全局配置文件。详情见 官方文档

package.json

应用程序的信息。EJS, StylusMarkdown renderer 已默认安装,您可以自由移除。

scaffolds

模版 文件夹。当您新建文章时,Hexo 会根据 scaffold 来建立文件。Hexo 的模板是指在新建的文章文件中默认填充的内容。例如,如果您修改scaffold/post.md中的Front-matter内容,那么每次新建一篇文章时都会包含这个修改。

source

资源文件夹是存放用户资源的地方。除 _posts 文件夹之外,开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹,而其他文件会被拷贝过去。

themes

主题 文件夹。Hexo 会根据主题来生成静态页面。

指令

  1. 新建文档

    1
    hexo n "文档名"
  2. 启动本地服务

    1
    hexo s
  3. 清除缓存文件

    1
    hexo clean
  4. 生成静态文件

    1
    hexo g
  5. 部署网站

    1
    hexo d
    1
    hexo clean && hexo g && hexo d