标签: eleventy

我正在从 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作为基本主题。

问题

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

const formElement = document.querySelector("form")

我从 Eleventy 收到的错误消息：

ReferenceError: document is not defined

问题

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

例子：

formElement.addEventListener("change", function () {
    // Update nearby paragraph element based on form value
});

我的真实场景：我希望有一个段落元素显示哪个form具有input type="radio"值checked。

到目前为止的方法

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

{
  "items": [
    {
      "name": "Apple"
    },
    {
      "name": "Banana"
    },
    {
      "name": "Strawberry"
    },
    {
      "name": "Mango"
    },
    {
      "name": "Peach"
    },
    {
      "name": "Watermelon" …

是否有可能以某种方式为 Eleventy 进行常规配置，以便输入文件夹中的“my_file.html”与 _site 文件夹中的“my_file.html”一样，而不是“/my_file/index.html”？

我知道我可以使用永久链接逐个文件地进行操作。但如果可能的话，我希望它为整个站点配置。

我有一个页面想使用日期作为标题。我看到永久链接允许您使用该数据，但是，我无法执行相同的操作来使用标题中的日期。有没有办法在 Eleventy 中做到这一点？

---
title: "{{date}}"
date: 2020-10-10
---

{{date}}这在标题中返回。