【发布时间】:2023-04-03 06:33:01
【问题描述】:
我创建了一个网站,每个页面都有相同的页眉和页脚。现在,如果我想更改页眉或页脚中的任何内容,我将更改所有 html 文件。
是否有任何简单的解决方案可以避免此类重复性工作?我正在寻找类似 jekyll 中的 {{ % include header.html % }} 的东西。
【问题讨论】:
标签: html css jekyll dry web-frontend
我创建了一个网站,每个页面都有相同的页眉和页脚。现在,如果我想更改页眉或页脚中的任何内容,我将更改所有 html 文件。
是否有任何简单的解决方案可以避免此类重复性工作?我正在寻找类似 jekyll 中的 {{ % include header.html % }} 的东西。
【问题讨论】:
标签: html css jekyll dry web-frontend
从您的问题看来,您似乎缺少/不完全理解模板的概念。模板包含 header.html 和 footer.html 的包含。该页面仅包含对模板的引用。这就是 Jekyll 防止将包含添加到每个页面的重复工作的方式。
理想情况下,页面是一个 (index).md 文件,其前端内容如下:
---
title: Title of the page
layout: template
---
Lorem ipsum
模板文件名为 template.html,位于文件夹 _layouts 中。它看起来像这样:
{% include header.html %}
{{ content }}
{% include footer.html %}
希望有帮助!
【讨论】:
有这样的方法:
{% include header.html %}
将 header.html 上传到网站根目录下的 _includes 文件夹。
【讨论】:
<?php include(header.php); ?>