文章摘要： 基于Node.js的网站框架。

介绍

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

前置依赖

安装Hexo需要先安装下列应用程序：

• Node.js，开源、跨平台的 JavaScript 运行时环境。
• Git，免费开源分布式版本控制系统。

安装与卸载

通过Noed.js的npm命令行工具使用以下命令安装Heox：

# -g参数即全局安装，安装到全局库中。
npm install -g hexo-cli

终端命令

详细总结：Hexo命令

建站

1. 初始化

• 请先切换到需要创建项目目录的路径下并执行以下命令，Hexo 将会在指定文件夹中新建所需要的文件。

# 项目名参数是创建一个目录，可选参数
hexo init 项目名

# 切换到项目名文件夹下面
cd 项目名

# 安装hexo所需的依赖库
npm install

2. 编写内容

• 创建新文章

hexo new [模板] 文章名

3. 生成静态文件和清除静态文件

# 生成静态文件，简写命令hexo g
hexo generate

# 清除静态文件
hexo clean

4. 本地开启服务或部署到远程站点

# 开启本地服务，简写命令hexo s
hexo server

# 部署同步到远程站点，简写命令hexo d
hexo deploy

目录结构及说明

|-- /scaffolds   # 模板文件夹
|-- /source      # 资源文件夹
|-- /themes      # 主题文件夹
_config.yml      # 配置文件
package.json     # 应用程序所需的第三方依赖库

_config.yml

• 配置文件夹
• 配置详细说明：官方文档

package.json

• 应用程序的信息，所用到的第三方依赖库

/scaffolds

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

/source

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

/themes

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

使用教学

插入网络图片

效果：

格式：

![替代图片的文本](图片网络地址)
![图片的替代文本](图片地址 "可选标题")

插入本地图片

方法1：

• 通过局部路径的方法读取相关文件。
• 首先我们已经确定文章都在“source/_posts”目录下，然后我们的资源在“source/资源文件夹”目录下。
• 如下所示：

效果：

格式：

![显示文本内容](../需要读取的资源文件路径/文件名+后缀)

“..”两个点表明是上一级目录，“.”一个点表明是当前目录。

方法2：

• 修改hexo的“_config.yml”文件中的内容。
• 如下所示：

# 是否启用资源文件夹
# 启用后将以“source”目录为根目录进行读取资源。
post_asset_folder: true

• 我会将相关资源存储在“/source/”目录下，以读取里面的内容。
• 在文章中使用如下格式进行插入图片：

效果：

格式：

![显示文本内容](/source/ + 具体路径 + /图片名和文件格式)

连接外部文章

效果： Hexo

格式：

[显示文本内容](网站URL)

连接内部文章

效果： {% post_link Tool-Hexo-Command "Tool | Hexo - 命令" %}

格式：

{% post_link 文章文件名(不带后缀) 显示文本文章标题(可选) %}

个人网络图库

花瓣网，我将采集别人的图片或自己上传图片，再通过网址的形式查找到图片在网页上展示。

注意事项与推荐方案