问题标签 [eleventy]

我在一个对象中有一系列 svg：

当我调用 icon.facebook 时，svg 代码用反斜杠和换行符转义？

我正在创建一个新网站，我希望能够使用 Vim 编辑我的内容。这意味着我可能应该使用静态站点生成器 - 对吧？过去十年我一直在使用 Drupal，但由于我不需要为客户提供 gui 来编辑他们的内容，我正在考虑使用不同的技术。

11ty 看起来像一个相当简单的静态站点生成器，并且能够在 Vim 中以 markdown 输入我的内容、运行一个简单的命令、git commit 和推送以发布内容的能力非常吸引人。

但我想知道更多动态/自动化的内容......就像在 Drupal 中有“视图”，它们是 SQL 查询（并且可能非常复杂，它提供了一个用于构建它们并格式化它们的结果的 gui）用于显示最近的帖子，即将举行的活动等。您如何在 11ty 中创建此类元素？11ty一个人能做到吗？您是否必须使用带有 11ty 的 vue.js 之类的东西来执行此操作？

我愿意使用不同的静态站点生成器（我什至考虑使用 Drupal 并发布到站点的 Rest API），但我不想处理 reactjs。

我正在创建一个 Eleventy 短代码（主要用于降价），它接受任意数量的参数，然后在吐出所有内容之前对它们应用格式。它模糊地看起来像这样：

然后你对任意数量的项目做这样的事情：

所以我不相信这是生成此内容的最用户友好的方式。至少，我怀疑在一般情况下，项目列表会很长，并且在编辑器中变得难以阅读。有没有更聪明的方法来实现相同的结果，或者我可以在这里使用更好的语法？

我是第一次用 Eleventy 建立一个网站，即使我已经和 Liquid 合作了一段时间，我就是无法破解这个。

我想尽可能地简化架构。这就是为什么我将我的集合分配给变量的原因：

所以稍后在网站上我可以写一个非常简短和甜蜜的：

而不是在文件中分配它上面的集合。

现在这是我的问题：

我很想过滤掉标记为草稿的帖子（在 frontmatter 中使用草稿：true）。我以为我可以像其中之一那样做到这一点（我已经尝试过......）

有谁知道我怎么能做到这一点？不幸的是，我觉得 Eleventy 中使用的液体版本是旧版本，而我能找到的文档似乎从来没有解决我如何做到这一点。我真的很感激一些帮助！:)

问题

我想在我的 Eleventy 网站上添加一点客户端 JavaScript。我似乎无法document.使用 Eleventy 访问，这意味着我无法访问元素并收听它们的事件。不起作用的示例：

我从 Eleventy 收到的错误消息：

问题

我如何使用 Eleventy 来监听文档元素更改并进行页面更改？

例子：

我的真实场景：我想要一个段落元素显示哪个form'sinput type="radio"具有 value checked。

到目前为止的接近

我在 /data 中有一个名为 fruits.json 的文件：

/_includes/layouts 中的 HTML 文件基于我的 base.html 文件：

请注意，调用的变量selectedFruit被分配给辅助函数：

该getSelectedScreen()函数如下所示：

除了无法使用之外.document，我觉得这种方法可能在其他方面与 Eleventy 静态站点生成器的“格格不入”：

• 该脚本被称为中间文档
• 该脚本是一次性的并且远离其上下文

我想知道我是否首先解决了这个错误，或者我是否只需要做一些事情来允许.document访问。

我想知道我可以为文件添加什么扩展名到我的 vscode 中.11ty.js。以下是文件的外观JS babel：

并与JSTL：

我正在使用液体和十一——我想将一个对象传递给我的简码，但我收到了一个错误。

使用 nunjunks，您可以执行类似...

然后我可以在我的模板中传递警报

使用此简码适用于我的液体模板，我只是无法像使用njk模板一样将对象传递给简码。

我不确定我是否只需要这样：

然后在我的液体模板通道中{% alert "danger" %}——我希望有一个对象，因为我计划有很多选项，这会让我很难看到我的模板中设置了哪些选项。

这是我在液体模板中使用简码时遇到的错误：

我eleventy用来创建一个带有少量 JavaScript 的静态站点。我没有使用webpack或其他捆绑器。eleventy通过sbeforeBuild事件调用“transformFileAsync”来转换 JavaScript 。这是配置的相关部分eleventy：

我babel.config.js的如下：

Babel 像宣传的那样工作，并且js可以很好地转换我的内容。但是我不知道如何corejs在最终的生产包中包含（没有捆绑器的帮助）polyfills。

例如，下面的代码：

被转译为：

我将如何在最终包中使用实际的 polyfill 而不是所有的imports？

在十一，我正在使用“十一缓存资产”实用程序从 TMDB 检索 API 数据并将其放入缓存中。JSON 被成功检索并存储在缓存中。我还可以使用 Nunjucks 转储过滤器将完整的 JSON 转储到页面。但是，我无法对 JSON 内容运行 for 循环。它的行为就好像数据不存在一样。我可能在这里犯了一个小学生错误，但我看不到。

这是检索数据的JS（成功）。

这是我试图循环内容的方式。else 条件正在返回。当我删除 else 条件时，没有返回任何内容（只是空的 ul）。如果我错误地定位了节点，我应该有 x 个空 li 标签，但我没有。

我有一个_include/partials/head-content.njk以这三行结尾的 nunjucks 模板。

这在我的页面中呈现为以下 HTML：

我怎样才能让 Eleventy 尊重这个<noscript>标签的内容？

我的解决方法：