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