问题标签 [eleventy]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
702 浏览

eleventy - 十一中如何为所有页面指定默认布局?

似乎您应该能够使用全局数据文件数据级联为 11ty 站点中的所有页面指定后备布局,但我不知道如何。

我在几个位置尝试了以下 JSON:

我已将此 JSON 放入:

  • _data/default.json
  • _data/site.json
  • _data/site.11tydata.json
  • _data/11tydata.json

到目前为止还没有运气。

0 投票
1 回答
678 浏览

javascript - 来自 11ty / 110 中 yaml 文件的数据

在我的 11ty 网站(skeleventy-starter)上,我想解析数百条评论。这些评论作为单独的 yaml 文件(命名如下:“entry-7128372832.yml”)存储在我的数据文件夹中名为评论的文件夹中。每个 yaml 文件如下所示:

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

但是,当我尝试遍历 .njk 文件中的评论数据时:

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

0 投票
1 回答
438 浏览

markdown - 如何在 Eleventy 的 Nunjkucks 模板中组合多个 Markdown 源

我在 Eleventy 中使用 Nunjucks 模板。页面布局由一个主要content区域和一个aside. 我可以将 Markdown 用于内容,但找不到使用 Markdown 的方法。Markdown 似乎只有一个来源;模板中包含的任何其他来源必须是 Nunjucks 模板。

index.njk:

除了.md:

结果:

旁边仍然是原始的 Markdown。如何包含已处理的 Markdown?

我对所有这些技术都很陌生,并且感觉我缺少一些基本的东西。

0 投票
0 回答
69 浏览

javascript - Eleventy,LiquidJS,以及重新定义 Markdown 库

我有一个 Eleventy 网站,我在其中重新定义了 markdown 库以启用脚注。

我也在尝试通过11-img 插件实现响应式图像,但是似乎通过重新定义 Markdown-It 我已经丢失了 LiquidJS 预处理并且不能在降价内容中使用基于 Liquid 的短代码(因此不能使用通过插件的示例获取有用的响应式图像所需的 async 关键字)。有没有办法配置 Eleventy 来获得两者?

0 投票
1 回答
106 浏览

eleventy - 如何显示集合中每个项目的所有帖子标签?

在 .eleventy.js 文件中,我为我的帖子目录中的所有 .md 文件创建了一个 getFilteredByGlob 集合。

然后对于该集合中的每个项目,我从每个 .md 文件的开头写出值。这很好用,但我正在努力处理每个 .md 文件的标签。大多数文件都有 2 个或更多标签,我希望有一个 for 循环为每个帖子分别写出每个标签值。

{{ item.data.tags }}将在单个字符串中显示给定文章的所有标签,但是当我尝试类似

什么都没有返回。任何帮助,将不胜感激。

谢谢!

0 投票
1 回答
232 浏览

markdown - 使用 FrontMatter 来拉取 110 的相关帖子集合?

本质上,我想在帖子页面上显示相关帖子。这就是 FrontMatter。

然后我可以根据标签获取该帖子的集合吗?

这行不通。关于如何在集合循环中输出标签的任何想法?

0 投票
1 回答
120 浏览

javascript - 为什么即使我禁用它,我的服务工作者也会缓存页面?

我使用Eleventy开发静态网站francoscarpa.com。该网站使用服务工作者为用户提供离线功能。我所有的页面都是通过这个模板呈现的:

swRegistration.html有这个内容:

它基本上让我可以使用服务人员。该sw.js文件的内容是这样的:

我不明白的是为什么即使我{% include "swRegistration.html" %}从生成的 HTML 文件中禁用该行,服务人员也会缓存资源:

如果我注释掉该行,则渲染的 HTML 页面不会正确显示它,并且当我在开发期间启动 Eleventy 的实时重载 Web 服务器时,该行不存在:

在此处输入图像描述

但是使用 Firefox 的 Inspector 分析页面,我看到static12每次页面刷新后缓存仍然存在,即使在我手动删除它之后:

在此处输入图像描述

0 投票
1 回答
36 浏览

typescript - Gulp-CSS-Clean 隐式具有“任何”类型

尝试在 Windows 上本地运行新的 Eleventy 网站。相同的代码库适用于其他人的计算机,但由于“缺少”CSS 文件,我无法启动它。

虽然奇怪的是,我可以在我的输出 dist 文件夹中看到 css/critical.css 文件。

不太清楚问题从哪里开始,但我在 VSCode 中注意到的第一件事是requires(...'gulp-clean-css')有三个点(通过“...”显示在该代码中),当悬停时表明没有找到模块的声明,以及包的索引文件隐含地具有“任何”类型。

这种“可能”具有潜力,因为 gulp-clean-css 包用于生成据称丢失的 critical.css 文件。

一点阅读表明这是一个易于修复的 TypeScript 问题。

解决方案:您所要做的就是编辑您的 TypeScript 配置文件 (tsconfig.json) 并添加一个新的键值对:"noImplicitAny": false

来源: https ://medium.com/@amandeepkochhar/typescript-error-could-not-find-a-declaration-file-for-module-xyz-dfbe6e45c2bd )

但是没有关于将 tsconfig 文件放在哪里的详细信息。它在 Eleventy 根文件夹中吗?还是在包裹里?

另外,那条线还有什么意思?例如。我找到了这个示例文件,可能就足够了:

当然,我可能在这里追随红鲱鱼。但是,如果有人对如何解决这个问题有任何建议,非常感谢!

0 投票
0 回答
50 浏览

javascript - 扩展 110 个基本模板的问题

我在扩展我的 Eleventy 基本模板时遇到问题,当我尝试在同一目录中的多个页面(即 index.html、about.html)上使用它时,标记内容被复制,但我链接的 css 以及其他依赖项没有不出现。有什么我想念的吗?

在它们出现之前,我不得不手动将一些文件复制到输出文件夹。

0 投票
1 回答
98 浏览

eleventy - 在 Eleventy 中为页面的子级创建分页

我的网站有一组研究报告,它呈现为每个报告的一个页面,其中包含指向 PDF 的链接,就像基于标准目录的 Eleventy 集合一样。对于其中一份报告,我想将完整报告添加为 HTML 页面,其中每个部分(例如 Methodology)作为它自己的子页面。

换句话说,我想为集合中的页面设置子页面。

任何人都可以提供有关我如何使用 Eleventy 做到这一点的建议吗?

谢谢一百万<3