问题标签 [eleventy]

我有一个用 pug 模板语言编写的博客文章列表。每篇博文都有一个 frontmatter 标题。例如：

模板由静态站点生成器Eleventy解析

blog-list.pug 看起来像这样。该变量collections.all正确填充了 Eleventy 的有关我的博客文章的数据。

我的问题： blog-list-item.pug 需要for 循环中当前元素的数据。如何在 blog-list-item.pug 部分中访问它？

我已经尝试过了，但不起作用。（这适用于普通哈巴狗）：

使用普通哈巴狗时，该post变量在内部可用。blog-list-item.pugJavaScript 上下文由 pug 传递给包含的模板。但不是在用 Eleventy 做所有这些的时候。

我错过了什么？

我正在创建（希望创建）一个可以根据页面数据自动生成 Open Graph 图像的十一（11ty）插件。所以在模板中：

我可以.eleventy.js使用以下插件通过插件处理文件中的每个文件：

但只能访问模板的内容、inputPath 和 outputPath。

如何访问与模板关联的前沿数据？还是有更好的方法来解决这个问题？

我正在尝试找到一种方法来选择性地在内容中的某处选择摘录，即能够定义摘录的起点和终点。

我已经尝试过Eleventy 的 docs方法来解析内容的摘录。但这会解析分隔符 <!-- excerpt --> 之上的所有内容。

选择使用{{ post.data.page.excerpt }}

我尝试的另一种方法是在前面使用一个键来单独指定介绍/摘录，但是这种方法不允许我使用现有内容。

{{ post.data.intro }}

目前有没有办法为要从内容中提取的摘录指定开始和结束分隔符？例如：

任何帮助，将不胜感激！

如何将 _data 文件夹配置到另一个 git 存储库？整个文件夹是从 github 克隆的，并且由于易于更新而希望继续。但是 _data 文件夹需要与另一个数据存储库同步。我该如何配置它？

实际上只有一个 yaml 文件：_data/authorlist.yaml

如果想要一个脚本将 yaml 文件与 github 同步，应该在 package.js 中添加什么？

谢谢你。

我想删除我在 Eleventy 生成的网站中创建的页面，我们称之为a-post.md。而且我不知道什么是正确的方法。

我只是删除了“源”页面，果然，它从网站上消失了。但是，它在_site目录中生成的文件仍然存在。我应该用手“清理”这些东西还是我做错了什么？

我知道这类东西不应该成为 Stackoverflow 上的问题——但作为 Eleventy（和静态网站生成器）世界的新手，我对缺乏对新手友好的文档感到困惑。还有很多关于如何创建和自定义页面的文章和帖子，但没有关于如何正确处理它们。

我有一个看起来像这样的模板：

当我渲染网站时，网站看起来像这样：

我真的希望value参数具有预期值。

据我所知，这种事情应该有效。我想使用这种技术来计算永久链接。我的想法基于https://www.11ty.dev/docs/permalinks/

我正在运行 110 0.12.1

我尝试过的事情：

• yaml、json 和 js 前端
• 降价模板
• njk 模板
• 从文档中逐字复制粘贴示例代码

在这一点上，我认为 Eleventy 可能有一个错误

问题：

我将 11ty 与 Tailwind 和 Sass 一起使用。每当我在 .scss 文件（例如.class { @apply sm:flex }）中使用 Tailwind 状态变体类时，它都会否定整个 CSS 规则，包括用它声明的所有其他类。

我希望能够在 .scss 文件中为@applyTailwind 状态变体类（sm:*, hover:*, 。group-hover:*

背景：

我使用 11ty 和 Tailwind 开始了我的项目。我可以@apply毫无问题地编写这样的 Tailwind 状态变体类：

这将定义display: flex;宽屏幕和flex-direction: column;小屏幕尺寸的定义（我翻转了 Tailwind 的移动优先方法，请不要判断:)）。

一切正常，但我想要嵌套和其他一些 Sass 功能，所以我安装了这个 Sass 插件。之后，我仍然可以像这样在@apply没有 a 的情况下进行 Tailwind 类:：

这 ^^ 按预期输出。但是，当我添加一个带有 a 的类时:，它会否定整行。

该行不输出任何内容。不会产生构建错误。不为.class. 所有没有状态变体类的 CSS 声明以及站点的其余 HTML/JS 都会成功输出。

在许多情况下，我可以以不同的方式定义事物，例如：

这个 ^^ 工作得很好。

我也可以直接在标记中使用 Tailwind 类：

虽然我可以使用这两种技术走得很远，但仍有一些地方@apply对 .scss 文件中的状态变体非常有用。

也许我不正确地配置了 Sass 插件？JS 不是我的强项。eleventy.js这是我文件的相关位：

我想使用一个看起来像这样的 json 文件

作为几个按主题对条目进行分组的概述页面的来源（我猜它被称为分类法）。对此有什么好的解决方案？解析json，用js分组，为每个主题创建自定义集合？如果是这样，它属于 _data 文件夹中的文件吗？

提前谢谢！

我正在尝试为经过处理的图像指定一个输出目录eleventy-img。

但是当我运行时我得到的是这个错误消息npx eleventy

如果没有outputDir指定选项，它可以正常工作。这是它的文档：https ://www.11ty.dev/docs/plugins/image/#output-directory

没有使用它的实际示例，但从逻辑上讲，它应该以与widths参数相同的方式传递。

在我的网站上，我想在与每个集合对应的页面上显示集合项目列表。例如在游戏页面上，我想显示所有游戏相关文章的列表，在政治页面上，我想显示所有政治相关文章的列表等。

我现在拥有的是每个这样的页面都有一个 Nunjucks 模板文件，我不是特别喜欢它，因为除了要显示的集合之外它们是相同的。这是我的两个模板，用于政治文章和游戏文章，我在其中扩展了一个通用样板 ( base.njk )，在主块中，我首先打印一些 Markdown 内容，然后是集合项目列表：

如您所见，这两个文件之间的唯一区别是collections.politics和collections.games. 我想使用一个模板，并在 frontmatter 中指定我想要的集合。由于我已经在每页使用该模板（用于在我开始列出文章之前编写内容）拥有一个 Markdown 文件，如果可能的话，那就太好了。例如：

除了拥有多个模板文件之外，是否可以通过其他方式做我想做的事情？