jekyll - 在 Jekyll 中有一种简单的方法可以使用 html 更改文件夹的输出路径

Question

我正在将 Jekyll 用于一些静态站点模板，并且我有一个产品 html 页面文件夹，我希望将其捆绑到根站点/文件夹而不是站点/产品文件夹中。

下面的示例只有 2 个产品页面：

src 文件夹

• src/products/123.html
• src/products/146.html

输出到站点

• 网站/123.html
• 网站/146.html

是否有捷径可寻？

此外，是否有一种简单的方法可以将products-附加到此文件夹中的每个文件？

• 网站/product-123.html
• 网站/product-146.html

Answer 1

尝试查看 Jekyll集合。您将特别需要永久链接功能。希望下面的代码片段可以帮助您入门。

配置.yml

collections:
  products:
    output: true
    permalink: /product-:title/

源代码树

_products
    |
    1.html
    2.html
    3.html
    ...

输出树

_site
    |
    product-1
        |
        index.html
    product-2
        |
        index.html
    product-3
        |
        index.html
    ...

index.html这将创建“漂亮的永久链接”结构，其中通过在正确名称的目录中使用来删除文件结尾。当然，您可以将其设置为创建“丑陋的永久链接”（project-1.html等），但我更喜欢这种风格。