本文参考微信作者hojun的hexo文章和hexo官网文档

开始

搭建hexo开发环境

hexo init . #在该目录初始化hexo环境
cnpm install # 安装依赖

在安装theme的时候就可以打断了.

主题结构

创建 Hexo 主题非常容易,您只要在 themes 文件夹内,新增一个任意名称的文件夹,并修改 _config.yml 内的 theme 设定,即可切换主题。一个主题可能会有以下的结构:

.
├── _config.yml
├── languages
├── layout
├── scripts
└── source

按照上述结构创建主题文件,如下所示

模板

模板决定了网站内容的呈现方式,每个主题至少都应包含一个 index 模板,以下是各页面相对应的模板名称:

模板 用途 回退
index 首页
post 文章 index
page 分页 index
archive 归档 index
category 分类归档 archive
tag 标签归档 archive

布局

如果页面结构类似,例如两个模板都有页首(Header)和页脚(Footer),您可考虑通过「布局」让两个模板共享相同的结构。一个布局文件必须要能显示 body 变量的内容,如此一来模板的内容才会被显示,举例来说:

// index.ejs
index
// layout.ejs

<!DOCTYPE html>
<html>
  <body><%- body %></body>
</html>

生成:

<!DOCTYPE html>
<html>
  <body>index</body>
</html>

每个模板都默认使用 layout 布局,您可在 front-matter 指定其他布局,或是设为 false 来关闭布局功能,您甚至可在布局中再使用其他布局来建立嵌套布局。

这里的front-matter即为markdown最上方的—的区域,用于指定变量.


我很好奇