如何使用 11ty 在 Nunjucks 中组织数据？答案

【问题标题】：How to organize data in Nunjucks working with 11ty?如何使用 11ty 在 Nunjucks 中组织数据？
【发布时间】：2021-04-05 23:44:19
【问题描述】：

我正在使用 11ty 和 Nunjucks 开发一个静态网站。这是一家为认证考试（AWS 等）提供培训的公司，他们有大约 25 个认证培训课程，每个课程都有自己的数据。

我已经成功了，但我有一种强烈的感觉，那就是有一种更简单方便的方式来组织这些数据。每门课程的数据是这样的：

Title:
Subtext:
Date:
Duration:

到目前为止，一切都很好。棘手的部分是课程大纲。它的组织方式如下：

1. Topic Title
    1.1 Subtopic Title
    1.1 Subtopic Description
    1.2 Subtopic Title
    1.2 Subtopic Description

2. Topic Title
    2.1 Subtopic Title
    2.1 Subtopic Description
    2.2 Subtopic Title
    2.2 Subtopic Description

每门课程大约 4-8 个主题。我目前用它们独立的名称来表示这些变量中的每一个，这使得这变得非常混乱。

agenda_1: 
a1_1: 
a1_1_text: 
a1_2: 
a1_2_text:

agenda_1: 
a1_1: 
a1_1_text: 
a1_2: 
a1_2_text:

请帮助我更好地组织这些数据（可能在这里使用对象或 JSON 文件？）。我本质上是在寻找一种将这些嵌套为对象的方法，以便以后更容易访问。任何帮助将不胜感激。谢谢！

【问题讨论】：

我认为添加您的文件夹结构，以及您如何组织上面的数据（它们是否在每个模板的前面？）可能会提供其他更多信息来帮助！
嗨，谢谢@KV88 我找到了解决方案，我可以看到我的文件夹结构对大声笑有什么帮助。我应该在这里为我自己的问题添加解决方案吗？这是我的第一个问题，所以我不知道
嗨，是的，我想如果你有问题，其他人可能也会有同样的问题，尤其是当项目变得有点复杂时。我认为您的解决方案会使其他人受益匪浅！ :)

标签： javascript templating static-site nunjucks eleventy

【解决方案1】：

如果您使用单独的数据文件，或者将其放在每门课程的前面，我更愿意在 YAML 中这样组织它：

topics:
  - title: Topic Title 1
    subtopics:
      - title: Subtopic Title 1
        desc: Subtopic Description 1
      - title: Subtopic Title 2
        desc: Subtopic Description 2

  - title: Topic Title 2
    subtopics:
      - title: Subtopic Title 1
        desc: Subtopic Description 1
      - title: Subtopic Title 2
        desc: Subtopic Description 2

【讨论】：