问题标签 [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 投票
0 回答
119 浏览

netlify-cms - 将随机值返回给字段值为空的数据

我正在使用 11ty 和 netlify-cms 开发重定向生成器,并将数据存储在shorturls.json文件中。

我的 config.yml 看起来像这样:

我的 json 结构如下所示:

有没有办法在from字段中填充随机值?这是否需要成为自定义小部件?json 输出应如下所示:

谢谢

0 投票
1 回答
238 浏览

static-site - 如何在 110(静态站点生成)输出中保留带有 .html 后缀的页面?

我有一个现有的老式纯 html 静态站点,我想用 SSG 进行改造,我选择了十一。

该网站的结构是这样的:

https://www.11ty.dev/docs/permalinks/#cool-uris-dont-change所述,十一将创建:

我不想更改我已经拥有的(不)酷的 URI :-)

我知道我可以在服务器上添加一个 .htaccess 重写来重写 URL。

但是是否可以配置 110 使其保持旧站点的确切结构?我想是的,但在文档中没有找到。

0 投票
2 回答
1160 浏览

javascript - 在 Eleventy 和 Netlify 上生成完整的 URL

我正在开发一个基于 Eleventy 的博客和网站。社交媒体共享功能,如 Facebook OpenGraph 和Twitter 卡片,需要有一个完整的绝对 URL 来指向图片等资源。Twitter 尤其拒绝任何与图像相关的 URL。

Eleventy 是否提供了一种生成完整 URL 的本地方式?由于 Eleventy 是一个生成的静态站点,与托管的 Web 服务器相反,它不能像其他系统那样从 HTTP 标头中获取此信息。如果 Netlify 提供任何从 JS 生成 URL 的工具,则该站点托管在 Netlify 上。我已经有一些任务来使用 Gulp 生成调整大小的图像。

目前我只是使用我自己的现场配置来生成 Nunjucks 模板中的 URL:

有关我的 URL 生成的更多信息在这里

0 投票
1 回答
239 浏览

eleventy - 在 Eleventy posts.json 中将“标签”添加到前面的内容时,预期的行为是什么?

据我了解,tags="post"在特定 Eleventy 目录的配置文件中添加一个,比如“posts”,将标签“post”添加到所有帖子并自动创建 collections.post。这似乎对我不起作用,我错过了什么吗?我可以遍历 collections.post 的唯一方法是,如果我为每个帖子添加标签帖子(在每个帖子的前面问题上),或者如果我像这样在 .eleventy.js 中添加一个集合

谢谢。

0 投票
1 回答
1190 浏览

node.js - 为什么 11ty 将所有内容编译到输出目录 *except* index.njk?

运行npx eleventy --serve将我的所有模板文件写入输出目录,除了index.njk. 所以localhost:8080会抛出一个Cannot GET /错误,但会localhost:8080/about/显示我的about.md文件,等等所有其他文件。处理.njk文件不会是问题,因为其他.njk文件在各自的永久链接中显示良好。

这是一个新问题,据我所知,我唯一改变的是在文件夹中创建了一个 git 存储库。运行调试不显示任何错误。它确实表明 11ty 正在查找 index.njk,并将其添加到地图中......

...但它只是没有出现在写入的文件列表中。我尝试添加 a pathPrefix.eleventy.js四处移动和更改输入目录,更改index.njk.mdand .html,并三次检查我的.eleventyignoreand .gitignore,但我很难过。

我的文件结构如下所示。

我的相关部分.eleventy.js看起来像这样。

0 投票
1 回答
45 浏览

javascript - 将变量添加到 js url 路径中

我正在尝试将变量添加到以下内容中:

我试过的:

但是,这不起作用。非常感谢您的帮助。左边的路径:是源,右边是目的地。如果需要,请在此处获取有关结构的更多信息。

0 投票
0 回答
81 浏览

hash - 如何在 Eleventy.js 中添加哈希路由

我想将基于哈希的路由添加到我的 Eleventy.js 项目中,以便可以通过电子应用程序支持它。当我得到空白屏幕并进一步研究时,我发现这是因为使用基于浏览器的路由而不是基于哈希的路由,这是电子构建器应用程序在生产模式下工作所必需的。

因此需要帮助将我的 11 个应用程序路由转换为基于哈希的。

0 投票
1 回答
452 浏览

eleventy - 如何使用 .11ty.js 文件?

我有一个sample.11ty.js文件,包含以下代码:

njk布局文件中,我尝试sample.11ty.js像这样包含上述文件:

sample段落不显示,但控制台出现以下错误:

如何在模板中包含.11ty.js文件?njk

0 投票
3 回答
1210 浏览

pagination - 十一(11ty)数据分页 - 来自数据的标题

尝试使用数据设置分页,其中{{ title }}in是projects.json中定义的当前<head><title>{{ title }}</title></head>页面的标题

假设可以这样做:

可能误解了一些基本原理,但{{ title }}结果却[object, object]相反。永久链接工作正常...

0 投票
1 回答
44 浏览

html - 背景图像在下载到主机之前会抽动。我怎样才能摆脱这个?

我在 Heroku 上托管了由 11ty 生成的静态站点。一切都很好,但有一件事 - 背景图片不t loaded properly, as I said in the title, it twitches. The image is downloaded, I don使用链接。图像大小为 895,4 kB。有人可以帮我解决吗?这是我的代码:

和 {{ base_styles_path }} 样式:

UPD:图像压缩没有帮助