2

在我的 11ty 网站(skeleventy-starter)上,我想解析数百条评论。这些评论作为单独的 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"

如文档中所述,我将自定义数据文件格式添加到 11ty 配置中:

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 %}

我似乎既无法访问数据,也无法在控制台中收到错误。我在这里想念什么?任何帮助表示赞赏。谢谢!

4

1 回答 1

2

您需要更改所有文件的文件扩展名_data/entry-*.yml以使用.yaml扩展名(注意附加的a)。

YAML 团队推荐的官方文件扩展名是.yaml; 但是,.yml在野外也很常见(请参阅此 SO question快速潜水)。

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

在您的 11ty 配置的这一行中,"yaml"代表要支持的文字文件扩展名,而不仅仅是语言的通俗名称的名称:

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

如果要公开目录中的.yml.yaml文件_data/,这将起作用:

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

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

同样重要的是:11ty 刚刚v0.10.0中添加了 YAML 支持,因此请确保您使用的是 0.10.0 或更高版本。

于 2020-07-02T02:32:25.290 回答