整站共用头部、底部时，子页面通过 extend 继承布局，用 block 填充内容区。

布局文件 layout.html

<!DOCTYPE html>
<html>
<head>
  <title>{block name="title"}{$site.name}{/block}</title>
  {block name="head"}{/block}
</head>
<body>
  <!-- 公共头部导航 -->
  {block name="body"}{/block}
  <!-- 公共底部 -->
  {block name="script"}{/block}
</body>
</html>

子页面

{extend name="layout" /}
{block name="title"}关于我们 - {$site.name}{/block}
{block name="body"}
<h1>关于我们</h1>
{/block}

说明

  • {extend name="layout" /}：继承同目录下的 layout.html
  • 子页未写的 block，会使用布局里的默认内容（若有）
  • head / script 适合放页面专属 CSS、JS