Hexo建站从入门到精通：本地环境配置、初始化、写作与部署

二、Hexo进阶：初步了解Hexo

1、Hexo的文件夹结构

在初始化一个hexo站点文件夹之后（详见下一节），该文件夹的目录结构如下：

详细说明如下：

• 1、_config.yml是YAML格式文件，也是Hexo的站点配置文件（敲黑板！重点重点！）

• 2、node_modules包含使用Hexo需要的其他node.js模块，以后安装的hexo相关模块也放在这里

• 3、package.json配置hexo运行需要的node.js包，不用手动更改（PS：通常不需要干预它，不过其中有一条"name": "hexo-site"起着告诉hexo该文件夹是hexo站点的作用，因此更加不要修改该文件内容，安装hexo其他模块也依赖该文件）

• 4、scaffolds是模板文件夹，不过这里的“模板”概念没有那么高端。这个“模板”就是指新建的markdown文件的模板，每新建一个markdown文件（由于Hexo使用markdown语法，在渲染生成静态HTML页面之前，源文件都是markdown文件），就会包含对应模板的内容。该文件夹内有三个模板：draft.md，草稿的模板page.md，页面的模板post.md，文章的模板

• 5、source是源文件文件夹，此处存有渲染生成静态页面需要的所有源文件，包括markdown文件、图片文件。默认此文件夹下只有一个_post文件夹，存放文章的markdown源文件。每个页面有一个以该页面命名的文件夹，也存放在source文件夹下。该文件夹下除了_post外，所有以下划线开头的或以.开头的文件夹都会被忽略。

• 6、themes是主题文件夹，Hexo的主题作用与WordPress相同。

• 7、public文件夹，默认没有，存放生成的静态文件。

2、Hexo命令使用

PS:<参数>为必填参数，[参数]为可选参数。以下命令全部需要在hexo站点文件夹下运行。

此命令用于执行站点的初始化。执行后，folder文件夹会成为一个Hexo站点文件夹，执行过程中涉及安装多个nodejs模块包以及git clone操作，因此最好挂上DL。

新建一个markdown文件。[layout]是该文件的类型，取值有post、draft和page三种，分别对应新建文章、草稿、页面。在运行该命令时，会调用scaffolds下的对应模板。

清理Hexo缓存。该操作会强制Hexo清空已生成的全部静态文件以及Hexo自身的数据库，有时候相当有效（更换主题后建议运行）。

生成静态页面。在生成时可以加上-d或--deploy参数在生成后立即部署。生成的静态文件在public文件夹下，没有则会自动建立。

部署站点。也就是将public目录下生成的静态文件上传到某个特定的位置，Hexo支持多种部署方式，下文详解。部署时可以加上-g或--generate参数，在部署前先生成一遍静态文件。

发布某篇草稿（即将该markdown文件转移到_post文件夹下）

在本地http://localhost:4000启动一个hexo服务器，可以用来预览hexo站点的效果。

PS：这里只介绍了Hexo的常用命令，详细命令请参考中文文档:https://hexo.io/zh-cn/docs/commands.html

3、Hexo markdown文件的结构

每个由Hexo建立的markdown文件包含如下两部分：

Frone-matter:类似于HTML中的元信息，HTTP包中的头部等等。它也使用YAML格式，定义了一系列Hexo程序需要使用的变量。例如我撰写这篇文章时的Front-matter内容如下图所示：

正文:使用普通的markdown语法，这是你的文章或页面的内容。

4、YAML基本语法

YAML基本组件。YAML的基本组件都有区块（即所谓的代码块）和行内（即写在一行）两种形式。

1.清单：如字面意思所言，“清单”所表示的就是一系列有序的值。类似于数组。清单的区块表达方式类似如下：

这就是一系列的简单字符串。

而其行内表示形式如下：[v1,v2]。其表达方式十分类似于Python的列表。

2.杂凑表：杂凑表是一系列key: value对，它有点像其他语言中的“字典”。由于它的特性，Hexo配置文件使用的主要是杂凑表形式。杂凑表的区块方式如下：

而其行内表达形式与Python字典几乎相同：{name: John Smith, age: 33}。需要注意的是，杂凑表的key和value均允许任意的空格，不需要用引号将它们括起来。

注意事项：

1.杂凑表的key:后必须有一个空格；

2.一个清单的一个元素可以是一个杂凑表，一个杂凑表的一个元素可以是一个清单，清单和杂凑表可以自身嵌套。嵌套时请注意缩进。

掌握这两项基本元件编写Hexo配置文件已经够用，需要了解更多语法请参考百科上的YAML：https://zh.wikipedia.org/wiki/YAML

注：相关网站建设技巧阅读请移步到建站教程频道。

（编辑：温州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!