html - 重复使用具有不同数据的 Handlebars 和帕尼尼零件

Question

我有许多自己创建的“构建基 block ”，可以在制作网站模板时使用，我想知道如何使用 Panini 在同一页面上重复使用具有不同数据的部分内容。

例如，我有一个部分基本上添加了一个 h1 标签，后跟一个 p 标签，但我希望能够在同一页面上每次使用不同的数据重复使用相同的部分。

例如，这是部分文件的内容；

<h1> {{ h1Header }}</h1>
<p> {{ pParagraph }} </p>

Index文件中的Frontmatter数据；

---
h1Header: Hello!
pParagraph: This is some text.
---

这就是调用局部函数；

{{> partial }}

除非我正在做一些根本错误的事情，否则我现在使用它的方式意味着我必须为每个可能的结果创建几个不同的部分。

我想知道是否有某种发送参数等的方法。如果有人能用最简单的例子为我指明正确的方向，只是为了让我了解我能做什么以及要研究什么，我会感激不尽。

Answer 1

您可以将数据传递给您的部分，将上下文或参数传递给您的部分。根据 the manual，您可以在每次渲染部分时传递不同的数据。 .

有一个名为 test 的部分:

<h1>{{foo}}</h1>

你可以用特定的数据渲染它:

{{> test foo="bar"}}
{{> test foo="foobar"}}

结果

<h1>foo</h1>
<h1>foobar</h1>