Jekyll：使用相同的 HTML 结构 DRY'ing partials

Question

在我的 Jekyll 站点中，每个页面都包含靠近底部的部分内容。每种类型的部分文本各不相同，但 HTML 结构相同。为了说明...

文件夹结构：

_includes
  - partial1.html
  - partial2.html
pages
  - page1.html
  - page2.html
  - page3.html

partial1.html

<div class="container">
  <h3>Buy now</h3>
  <p>It'll be the best decision you ever made.</p>
</div>

partial2.html

<div class="container">
  <h3>Sign up for our newsletter</h3>
  <p>We won't spam you (too much).</p>
</div>

page1.html

---
layout: default
title: Page 1
---

...

{% include partial1.html %}

page2.html

---
layout: default
title: Page 2
---

...

{% include partial2.html %}

page3.html

---
layout: default
title: Page 3
---

...

{% include partial2.html %}

现在部分只是复制 HTML 结构，但我更愿意注入具有唯一值的主模板。如果您可以在 includes 文件夹中使用 frontmatter，那将是一种清理方法，但 Jekyll 不支持。

处理这种情况的最佳方法是什么？

（如果我的问题不清楚，请告诉我，我会尝试通过其他示例代码来澄清。）

Answer 1

部分文本可以在每个部分或数据文件中，因此 html 将在另一个文件中：

在每个部分

持有html结构的主要partial.html：

<div class="container">
    <h3>{{include.h}}</h3>
    <p>{{include.p}}</p>
</div>

然后每个部分将使用包含变量调用它：

partial1.html:

{% assign header = "Buy now" %}
{% assign paragraph = "It'll be the best decision you ever made." %}
{% include partial.html h=header p=paragraph%}

partial2.html:

{% assign header = "Sign up for our newsletter" %}
{% assign paragraph = "We won't spam you (too much)." %}
{% include partial.html h=header p=paragraph%}

使用数据文件

创建一个文件 _data/partial.yml 将包含文本：

buy:
    h: "Buy now"
    p: "It'll be the best decision you ever made."
sign:
    h: "Sign up for our newsletter"
    p: "We won't spam you (too much)."

然后在每个部分使用数据：

partial1.html:
```
 {% include partial.html type="buy"%}
```

partial2.html:

 {% include partial.html type="sign" %}

在每页中：（例如：page1.html）

---
layout: default
title: Page 1
---

...

{% include partial1.html %}

Jekyll：使用相同的 HTML 结构 DRY'ing partials

Jekyll: DRY'ing up partials using same HTML structure

html

dry

jekyll

在每个部分

使用数据文件