子目录的十一配置 - 用于图像和静态资产

Question

我正在使用 Eleventy 0.11.0。在开发过程中，在 HTML 中，我有类似的东西：

<img src="/images/footer.png" />

我在根目录中有一个名为“images”的文件夹。我还配置了 110Config.addPassthroughCopy('images') - 所以它会在构建过程中复制 _site 目录中的整个“图像”。

在本地一切正常，但是当我推送到服务器时，它必须进入一个名为“ssg-pages”的子目录 - 所以图像的 src 会中断。我需要它看起来像：

<img src="/ssg-pages/images/footer.png" />

仅在构建时，但仍希望在开发期间保留“/images/footer.png”。

有什么想法吗？

Answer 1

也许是这样：创建一个名为 settings.js 的 _data 文件。在其中，它返回一个对象，其中包含一个名为 site root 的键。

module.exports = function() {
    let siteRoot = process.env.SITE_ROOT;

    return {
       siteRoot
    }
}

在本地这不会被定义，只是作为一个空白值出来。在生产中，将其设置为ssg-pages。然后在您的网址中：

<img src="{{ settings.siteRoot}}/images/footer.png">