来自 11ty / eleventy 中的 yaml 文件的数据

Question

在我的 11ty 网站 (skeleventy-starter) 上，我想解析数百条评论。这些评论作为单独的 yaml 文件（命名如下：“entry-7128372832.yml”）存储在我的数据文件夹中一个名为 reviews 的文件夹中。每个 yaml 文件如下所示：

_id: 84494a00-b086-11ea-94d5-7f955bef1b4e
rating: 5
name: Name
review: "review body"
date: "2019-05-12T12:12:31.116Z"

我将自定义数据文件格式添加到 11ty 配置中，如 documentation 中所述：

const yaml = require("js-yaml");

module.exports = (eleventyConfig) => {
  
// Yaml
 eleventyConfig.addDataExtension("yaml", (contents) =>
        yaml.safeLoad(contents)
 );
};

但是，当我尝试遍历我的 .njk 文件中的评论数据时：

{% for review in reviews %}
    <p>{{ review.name }}</p>
    <p>{{ review.rating }}</p>
    <p>{{ review.review }}</p>
{% endfor %}

我似乎既无法访问数据，也无法在控制台中收到错误。我在这里错过了什么？任何帮助表示赞赏。谢谢！

Answer 1

您需要更改所有 _data/entry-*.yml 文件的文件扩展名以使用 .yaml 扩展名（注意额外的 a）。

YAML团队推荐的官方文件扩展名是.yaml；然而，.yml 在野外也很常见（请参阅 this SO question 进行快速潜水）。

Custom Data File Format docs 中 YAML 支持的代码示例是为支持官方 .yaml 扩展而编写的。

在你的 11ty 配置的这一行中 "yaml" 表示要支持的文字文件扩展名，而不仅仅是语言的口语名称：

eleventyConfig.addDataExtension("yaml", (contents) =>

如果您想公开 _data/ 目录中的 .yml 和 .yaml 文件，这将起作用：

eleventyConfig.addDataExtension('yaml', contents => yaml.safeLoad(contents))
eleventyConfig.addDataExtension('yml', contents => yaml.safeLoad(contents))

请注意，上面代码的顺序会影响 11ty Data Cascade。如果 .yaml 和 .yml 文件之间存在优先级冲突，.yml 会胜出，因为扩展名是稍后添加的。

同样重要：11ty 只是 recently added YAML support in v0.10.0，因此请确保您使用的是 0.10.0 或更高版本。

来自 11ty / eleventy 中的 yaml 文件的数据

Data from yaml files in 11ty / eleventy

javascript

yaml

eleventy