与静态站点生成器一起使用的所有网页是否可能通用 header/footer
Is it Possible common header/footer for all web pages using with static site generater
我们在静态网站上工作过。我们使用了 javascript 客户端和 HTML。我是 jam-stack 和静态站点生成器的初学者。我们有所有页面的通用代码，即页眉和页脚相关代码。如何使用静态站点生成器
对所有页面使用通用 header/footer
我无法回答 所有 静态站点生成器，但对于 Eleventy，您可以使用布局文件。这是 documented 很好，但这里有一个例子。
首先，确保您有一个 _includes 文件夹，这是 Eleventy 查找布局的地方，默认情况下包括在内。 （您可以更改它。）使用您选择的模板语言创建布局文件，例如：main.liquid:
<html>
<head>
</head>
<body>
{{ content }}
</body>
</html>
在此模板中，您的页面内容将位于 content 变量中。要使用此布局，请在您的常规降价文件中，在前面的内容中引用它：
---
layout: main
---
## Hello World
Im markdown!
这假定您需要 "wrapper" 布局。您也可以只创建一个名为 header.liquid 的文件（或使用您喜欢的模板语言的扩展名）和 footer.liquid，然后从您的文件中包含它们。
Eleventy 非常 灵活，给你很多选择。
我们在静态网站上工作过。我们使用了 javascript 客户端和 HTML。我是 jam-stack 和静态站点生成器的初学者。我们有所有页面的通用代码，即页眉和页脚相关代码。如何使用静态站点生成器
对所有页面使用通用 header/footer我无法回答 所有 静态站点生成器，但对于 Eleventy，您可以使用布局文件。这是 documented 很好，但这里有一个例子。
首先，确保您有一个 _includes 文件夹，这是 Eleventy 查找布局的地方，默认情况下包括在内。 （您可以更改它。）使用您选择的模板语言创建布局文件，例如：main.liquid:
<html>
<head>
</head>
<body>
{{ content }}
</body>
</html>
在此模板中，您的页面内容将位于 content 变量中。要使用此布局，请在您的常规降价文件中，在前面的内容中引用它：
---
layout: main
---
## Hello World
Im markdown!
这假定您需要 "wrapper" 布局。您也可以只创建一个名为 header.liquid 的文件（或使用您喜欢的模板语言的扩展名）和 footer.liquid，然后从您的文件中包含它们。
Eleventy 非常 灵活，给你很多选择。