【发布时间】：2020-09-07 02:04:15
【问题描述】：
我们在一个静态网站上工作过。我们使用了javascript客户端和HTML。我是 jam-stack 和静态站点生成器的初学者。我们有所有页面的通用代码，即页眉和页脚相关代码。如何使用静态站点生成器为所有页面使用通用页眉/页脚
【问题讨论】：
标签： static-site eleventy
【发布时间】：2020-09-07 02:04:15
【问题描述】：
我无法回答 所有 静态站点生成器，但对于 Eleventy，您会使用布局文件。这是documented，但这里有一个例子。
首先，确保您有一个_includes 文件夹，这是 Eleventy 查找布局并默认包含的位置。 （您可以更改此设置。）使用您选择的模板语言创建布局文件，例如：main.liquid:
<html>
<head>
</head>
<body>
{{ content }}
</body>
</html>
在此模板中，您页面的内容将位于content 变量中。要使用此布局，请在您的常规降价文件中，在前面的内容中引用它：
---
layout: main
---
## Hello World
Im markdown!
这假设您想要为您的布局添加一个“包装器”。您也可以只创建一个名为header.liquid（或使用您喜欢的模板语言的扩展名）和footer.liquid 的文件，然后将它们包含在您的文件中。
Eleventy 非常灵活，为您提供了很多选择。
【讨论】：