问题标签 [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.
javascript - 来自 11ty / 110 中 yaml 文件的数据
在我的 11ty 网站(skeleventy-starter)上,我想解析数百条评论。这些评论作为单独的 yaml 文件(命名如下:“entry-7128372832.yml”)存储在我的数据文件夹中名为评论的文件夹中。每个 yaml 文件如下所示:
如文档中所述,我将自定义数据文件格式添加到 11ty 配置中:
但是,当我尝试遍历 .njk 文件中的评论数据时:
我似乎既无法访问数据,也无法在控制台中收到错误。我在这里想念什么?任何帮助表示赞赏。谢谢!
markdown - 如何在 Eleventy 的 Nunjkucks 模板中组合多个 Markdown 源
我在 Eleventy 中使用 Nunjucks 模板。页面布局由一个主要content
区域和一个aside
. 我可以将 Markdown 用于内容,但找不到使用 Markdown 的方法。Markdown 似乎只有一个来源;模板中包含的任何其他来源必须是 Nunjucks 模板。
index.njk:
除了.md:
结果:
旁边仍然是原始的 Markdown。如何包含已处理的 Markdown?
我对所有这些技术都很陌生,并且感觉我缺少一些基本的东西。
javascript - Eleventy,LiquidJS,以及重新定义 Markdown 库
我有一个 Eleventy 网站,我在其中重新定义了 markdown 库以启用脚注。
我也在尝试通过11-img 插件实现响应式图像,但是似乎通过重新定义 Markdown-It 我已经丢失了 LiquidJS 预处理并且不能在降价内容中使用基于 Liquid 的短代码(因此不能使用通过插件的示例获取有用的响应式图像所需的 async 关键字)。有没有办法配置 Eleventy 来获得两者?
eleventy - 如何显示集合中每个项目的所有帖子标签?
在 .eleventy.js 文件中,我为我的帖子目录中的所有 .md 文件创建了一个 getFilteredByGlob 集合。
然后对于该集合中的每个项目,我从每个 .md 文件的开头写出值。这很好用,但我正在努力处理每个 .md 文件的标签。大多数文件都有 2 个或更多标签,我希望有一个 for 循环为每个帖子分别写出每个标签值。
{{ item.data.tags }}
将在单个字符串中显示给定文章的所有标签,但是当我尝试类似
什么都没有返回。任何帮助,将不胜感激。
谢谢!
markdown - 使用 FrontMatter 来拉取 110 的相关帖子集合?
本质上,我想在帖子页面上显示相关帖子。这就是 FrontMatter。
然后我可以根据标签获取该帖子的集合吗?
这行不通。关于如何在集合循环中输出标签的任何想法?
javascript - 为什么即使我禁用它,我的服务工作者也会缓存页面?
我使用Eleventy开发静态网站francoscarpa.com。该网站使用服务工作者为用户提供离线功能。我所有的页面都是通过这个模板呈现的:
swRegistration.html
有这个内容:
它基本上让我可以使用服务人员。该sw.js
文件的内容是这样的:
我不明白的是为什么即使我{% include "swRegistration.html" %}
从生成的 HTML 文件中禁用该行,服务人员也会缓存资源:
如果我注释掉该行,则渲染的 HTML 页面不会正确显示它,并且当我在开发期间启动 Eleventy 的实时重载 Web 服务器时,该行不存在:
但是使用 Firefox 的 Inspector 分析页面,我看到static12
每次页面刷新后缓存仍然存在,即使在我手动删除它之后:
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 根文件夹中吗?还是在包裹里?
另外,那条线还有什么意思?例如。我找到了这个示例文件,可能就足够了:
当然,我可能在这里追随红鲱鱼。但是,如果有人对如何解决这个问题有任何建议,非常感谢!
javascript - 扩展 110 个基本模板的问题
我在扩展我的 Eleventy 基本模板时遇到问题,当我尝试在同一目录中的多个页面(即 index.html、about.html)上使用它时,标记内容被复制,但我链接的 css 以及其他依赖项没有不出现。有什么我想念的吗?
在它们出现之前,我不得不手动将一些文件复制到输出文件夹。
eleventy - 在 Eleventy 中为页面的子级创建分页
我的网站有一组研究报告,它呈现为每个报告的一个页面,其中包含指向 PDF 的链接,就像基于标准目录的 Eleventy 集合一样。对于其中一份报告,我想将完整报告添加为 HTML 页面,其中每个部分(例如 Methodology)作为它自己的子页面。
换句话说,我想为集合中的页面设置子页面。
任何人都可以提供有关我如何使用 Eleventy 做到这一点的建议吗?
谢谢一百万<3