Eleventy中如何向布局动态传递全局数据源以避免硬编码？

问题原因 #

你在eleventyComputed里用了"{{ meat }}"，这会把meat对象模板字符串化，最终传递给布局的是字符串"[object Object]"，而非原始对象，因此无法访问categoryTitle这类属性。

修复方法 #

修改meat-category.njk的eleventyComputed配置，直接引用数据源变量，不要用双引号包裹模板语法：

---
layout: supermarket-category.njk
title: "Meat Products"
permalink: "pages/meat/index.html"
eleventyComputed:
  category: meat
---

验证修改 #

在supermarket-category.njk中即可正常访问数据源属性，示例代码：

{% block content %}
  <main id="main" class="main-content">
    <h1>{{ title }}</h1>
    <p>分类标题：{{ category.categoryTitle }}</p>
    <p>全量数据源输出：{{ category | dump | safe }}</p>
  </main>
{% endblock %}

扩展适配其他数据源 #

后续接入freshfruit.json、confectionary.json时，只需创建对应分类模板（如freshfruit-category.njk），在eleventyComputed中把category指向对应数据源即可：

---
layout: supermarket-category.njk
title: "Fresh Fruit"
permalink: "pages/freshfruit/index.html"
eleventyComputed:
  category: freshfruit
---

内容的提问来源于stack exchange，提问作者Dan Gilmore