1. 先理解模板要解决什么

主题模板不是写静态 HTML，而是把站点拆成“可复用的页面骨架”和“可替换的数据内容”。页面结构稳定，内容变化交给数据，这样主题才容易维护。

2. 最小页面骨架

一个能正常工作的主题，至少要把页面分成三块：

• 头部：`header.html`，负责 SEO、样式、字体、导航入口。
• 主体：`index.html`、`category.html`、`article.html`、`page.html` 等。
• 底部：`footer.html` 和 `js.html`，负责公共脚本和收尾信息。

3. 页面骨架的基本写法

{{include "header.html"}}
{{include "nav.html"}}
<main>
  {{/* 页面主体 */}}
</main>
{{include "footer.html"}}
{{include "js.html"}}

这个结构的意义是：公共资源只写一次，每个页面只关心自己的主体内容。

4. 一定要避免的事

• 不要把 CSS、导航、脚本都堆进一个模板文件。
• 不要让首页、列表页、详情页共用一套完全一样的内容区逻辑。
• 不要把文件名当 URL，用路由和模板职责去组织页面。