11个标记链接中相对路径的路径前缀

Question

当我运行eleventy从我的标记和模板构建静态页面时，我如何前缀在减价文档中定义的相对链接。

我使用./docs作为输出目录，从减价文档构建文档页，并在项目的./eleventy目录中构建html模板。

npx eleventy --input ./eleventy --output ./docs --formats=md

我如何用/foo在所有相关链接前加上前缀呢？

我查看了url过滤器和构建命令的路径前缀选项，但我不明白。

我应该在哪里设置url过滤器？在减价里？在下落不明的配置中？

Answer 1

您可以将其作为环境变量传递，然后创建在模板中使用的模板函数。

1. 在shell命令前面加上环境变量：

MY_PREFIX=/prefix npx eleventy --input ./eleventy --output ./docs --formats=md

将以下内容添加到.eleventy.js中的

eleventyConfig.addShortcode("myPrefix", () => process.env.MY_PREFIX);

1. 在模板中使用它(假设为Nunjucks)

<a href="{% myPrefix %}/some-page"></a>

Answer 2

如果使用相对路径，url筛选器将只返回与文档中解释的路径相同的路径，因为不需要修改相对路径，对吗？它总是起作用的

假设标记使用液体/nunjucks：

// firstpost.md - relative path to second post

<a href="{{ '../secondpost/' | url }}">Second post</a> #return ../secondpost/

考虑使用：

// firstpost.md - absolute path to second post

<a href="{{ '/secondpost/' | url }}">Second post</a> #return /docs/secondpost/

在.eleventy.js中

module.exports = {

    ...

    pathPrefix: "/docs/"
};