问题标签 [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.
permalinks - 十一没有固定链接
我正在从 Jekyll 迁移到 Eleventy,以前我的博客文章链接具有这种风格的永久链接:/:title/
我想要的:
https://example.com/my-blog-post/
为了posts/my-blog-post.md
我得到了什么:
https://example.com/posts/my-blog-post/
对于posts/my-blog-post.md
如何在 Eleventy 中配置它?11ty docs 上的官方页面说它采用文件夹的名称,posts
在这种情况下就是这样。
我想要这个/:title/
用于我所有的降价文件。我无法在所有文件中手动设置永久链接。有没有办法为整个系列做到这一点posts
?
我使用这个 repo作为基本主题。
json - 当一个数据对象引用另一个数据对象时,如何在 11ty(或 nunjucks)中使用?
我有引用其他数据对象的数据对象。
例如:
在 javascript 中,我会做类似 ES6 的事情find()
,但是有没有一种 11ty-ish 的方式来智能/动态地做到这一点?特别是在模板中,如果我想要key1
对象 B,我如何在 nunjucks 中进行引用?我是否需要在模板中指定两个数据源?nunjucks 模板标签是什么样的?
eleventy - Why are pages generated into folders?
I am wondering why after running 'build' my nunjucks pages (other than index.njk) are getting output into separate folders? For example, if I have a file 'src/products.njk', it will be output to 'dist/products/index.html'.
For example
If there is an advantage to this type of renaming could you explain it to me?
Can this be overriden so that the file remains in the same output folder as 'dist/products.html'? Or is that an unwise thing to do?
nunjucks - 如何将过滤器标记为安全?
我正在尝试使用highlight.js为 nunjucks 设置语法突出显示过滤器。这似乎很容易做到。在我的 elevnety.js 文件中,我包括:
看起来 highlight.js 是一个安全的过滤器,并且会正确地转义它的内容并添加标记来控制突出显示,所以没有其他事情可做。
在我的 njk 页面中,我尝试将其与
突出显示标记正在正确生成,但整个结果正在被转义(可能由 nunjucks 转义),因此生成的页面呈现所有标记代码。以下是添加到输出 html 页面的内容:
我知道 nunjucks 有一个安全过滤器来防止这种情况发生,但我不知道如何应用它来说明我的过滤器块不需要转义,而且我在文档中找不到任何内容。我尝试了多种方法,但都失败了:
有没有办法将此过滤器块标记为安全?
nunjucks - 110 个 nunjucks 导出模板代码的问题
任何想法为什么我的配置是导出 njk 代码而不是内容?
static-site - 使用静态站点生成器的所有网页是否可能有通用页眉/页脚
我们在一个静态网站上工作过。我们使用了javascript客户端和HTML。我是 jam-stack 和静态站点生成器的初学者。我们有所有页面的通用代码,即页眉和页脚相关代码。如何使用静态站点生成器为所有页面使用通用页眉/页脚
eleventy - 带有 html 内容的数据文件
我正在使用外部数据制作一个漂亮的简单 html 页面......这是让我感到悲伤的一点:
...和匹配的faq.json
文件:
....问题答案的呈现文本是:
我在这里有什么选择吗?有没有办法允许 [甚至是] html 元素的子集进入页面?
(是的,CSS 使用 '+'/'-' 符号巧妙地显示/隐藏描述 - 事情的所有方面都很可爱)
javascript - 使用 localCompare 对标题进行排序
使用 Eleventy 作为静态站点生成器我无法弄清楚如何对某些字母表中的标题进行排序(在我的情况下,拉脱维亚语,lv)。文档相关排序
到目前为止,下面的脚本适用于英语。
在我看来,我尝试了 localeCompare,但出现错误collection.getFilteredByGlob(...).from is not a function
不用说我是 Javascript 的初学者......非常感谢任何帮助!