Hexo搭建个人博客网站基础

什么是 Hexo？

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

安装

安装前提

安装 Hexo 前，需要先安装下列软件或工具：

Node.js (Node.js 版本需不低于 10.13，建议使用 Node.js 12.0 及以上版本)
Git (一个版本控制系统)

如果您的电脑中已经安装了以上软件，那么你可以跳过这一步直接前往安装 Hexo 步骤。

安装 Hexo

1.安装 Hexo，-g 参数指定全局安装

$ npm install -g hexo-cli

2.执行下列命令，安装您的博客站点（例如 hexo-blog）

$ hexo init hexo-blog
$ cd hexo-blog
$ npm install

安装完成后，站点目录结构如下：

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

config.yml

站点的配置信息，您可以在此配置大部分的参数。

package.json

站点的依赖软件包即版本信息，以及站点执行命令。

{
  "name": "hexo-site",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "build": "hexo generate",
    "clean": "hexo clean",
    "deploy": "hexo deploy",
    "server": "hexo server"
  },
  "hexo": {
    "version": "5.4.2"
  },
  "dependencies": {
    "hexo": "^5.0.0",
    "hexo-generator-archive": "^1.0.0",
    "hexo-generator-category": "^1.0.0",
    "hexo-generator-index": "^2.0.0",
    "hexo-generator-tag": "^1.0.0",
    "hexo-renderer-ejs": "^1.0.0",
    "hexo-renderer-marked": "^4.0.0",
    "hexo-renderer-stylus": "^2.0.0",
    "hexo-server": "^2.0.0",
    "hexo-theme-landscape": "^0.0.3"
  }
}

scaffolds

模板文件夹。当您新建文章时，Hexo 会根据 scaffolds 来建立文件。

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

source

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

themes

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

3.启动服务

$ hexo server

如果站点内容有更新，使用下面的命令重启服务

$ hexo clean
$ hexo generate
$ hexo server

启动成功后，打开连接 http://localhost:4000 进入博客站点。

至此，我们已完成 Hexo 博客的搭建。在后续的文章中我们将继续介绍 Hexo 的更多用法。