从全球数据设置前沿数据11

Question

我想使用wordpress创建带有11ty的静态博客。我获取帖子(文件_data/posts.js)：

const EleventyFetch = require("@11ty/eleventy-fetch");

module.exports = async function() {
  const url = "http://www.some-url.com/wp-json/wp/v2/posts?per_page=100";
  const maxPages = 100;
  let page = 1;

  let responses = [];

  while (page <= maxPages) {
    const urlWithPage = `${url}&page=${page}`
    try {
      data = await EleventyFetch(urlWithPage, {
        duration: "1d",
        type: "json"
      })
    } catch(e) {
      break
    }

    responses.push(data);

    page++
  }

  responses = responses.flat(2);
  return responses;
};

每个帖子中都有一系列与这些帖子相关的标签。例如，第一篇文章的标签：

tags: [ 'my_tag' ]

我有一份档案，把所有的帖子都用这个正面的东西呈现出来：

---
layout: layouts/post.njk
title: Index
description: Starter pack for site.
pagination:
  data: readyPosts
  size: 1
  alias: tag
tags: tag.tags
permalink: "/{{ tag.slug | slug }}/"
---

{{ tags | log }}

当我试图从post数据中设置标记并记录它时，tag.tags被解释为一个字符串。

[ 'posts', 'tag.tags' ]

我需要的结果是：

[ 'posts', 'my_tag' ]

怎么做？

Answer 1

可以使用eleventyComputed根据分页对象设置tags键。

使用模板Javascript数据文件，我们可以使用Javascript函数设置标记。您需要根据您的文件结构来命名这些文件。有关更多信息，请参考文档。

假设您的模板名为posts.njk，则在它旁边创建一个posts.11tydata.js文件。

// posts.11tydata.js
module.exports = {
  eleventyComputed: {
    tags: (data) => {
      return data.tags.slice().concat(data.tag.tags.slice())
    },
  },
}

这将结合在你前面设置的任何标签和数据中的标签。如果您希望所有的帖子都有“post”标签，那么将其设置在模板中。

在posts.njk (或其他文件名)中：

---
# ...
pagination:
  data: readyPosts
  size: 1
  alias: tag
tags: ["posts"]
permalink: "/{{ tag.slug | slug }}/"
# ...
---

请注意，此方法collections 实际上不会将您的标记/页面添加到对象。这是由于十一中的限制(参见第一个注意事项在这页上)。但是，访问模板中的tags密钥将与预期的完全相同。如果您确实需要集合，可以使用集合API自己添加它们。