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

Question

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

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

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

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

但是，当我尝试在我的.njk文件中遍历review-data时：

{% 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在野外也很常见（请参阅此SO问题以获取快速了解）。

在自定义数据文件格式文档中支持YAML的代码示例是为了支持官方的.YAML扩展名而编写的。

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

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

如果要同时公开_data/目录中的.yml和.yaml文件，则可以html" target="_blank">执行以下操作：

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

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

同样重要的是:11ty最近刚刚在V0.10.0中添加了默认的YAML支持，所以请确保您处于V0.10.0或更高版本。