hexo-模板

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

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

布局 Layout

布局这块可参考 next 主题看, Hexo 默认的引擎模板为swig

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

index.ejs
1
index
layout.ejs
1
2
3
4
<!DOCTYPE html>
<html>
<body><%- body %></body>
</html>

生成

1
2
3
4
<!DOCTYPE html>
<html>
<body>index</body>
</html>

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

局部模板 Partial

局部模板让您在不同模板之间共享相同的组件,例如页首(Header)、页脚(Footer)或侧边栏(Sidebar)等,可利用局部模板功能分割为个别文件,让维护更加便利。

官网说的都是ejs语法, 目前next采用的是swig 语法。

TODO 后面再补上 Next主题学习 && swig