在 eleventy 1 中将部分包含在液体模板中的正确方法是什么？

Question

给定以下文件结构：

root/
  src/
    _includes/
      partials/
        navbar.liquid
        footer.liquid
        address.liquid
      base.liquid
    index.liquid

如何在 中包含 partials/navbar.liquid 和 partials/footer.liquid base.liquid 并在 partials/footer.liquid 中包含 partials/address.liquid ?

注意： 此行为在版本 1 中已更改，我无法确定新模型。一个可行的解决方案将是对 11ty 文档的一个很好的补充。

Answer 1

您的项目结构看起来不错。当提供了正确的模板文件路径时，我创建了一个小的 demo repo with v1.0.1 and the {% include %} 逻辑，可以按预期使用流动模板。

src/_includes/base.liquid

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>11ty demo</title>
</head>
<body>
    {% include "./partials/navbar.liquid" %}
    {{ content }}
    {% include "./partials/footer.liquid" %}
</body>
</html>

src/index.liquid

---
layout: base.liquid
pageTitle: 11ty demo
---

<h1>{{ pageTitle }}</h1>
<p>Some content</p>

部分

src/_includes/partials/navbar.liquid

<nav><a href="/">Home Page Link</a></nav>

src/_includes/partials/address.liquid

<p>221 Some address info</p>

src/_includes/partials/footer.liquid

{% include "./address.liquid" %}
<nav><a href="/">Footer link</a></nav>

在使用 npx @11ty/eleventy 执行构建并使用 npx @11ty/eleventy --serve 为站点提供服务之后。下面是生成的站点输出：

在 eleventy 1 中将部分包含在液体模板中的正确方法是什么？

What is the proper way to include partial in liquid templates in eleventy 1?

liquid

eleventy

部分