jekyll - 如何使用 Liquid 列出目录中的文件？

Question

我正在尝试学习如何将 Jekyll 与 Bootstrap 一起使用；在研究它们时，我决定在我的主页上有一个图像轮播。

因为我真的很懒，我不想硬编码在布局中显示每个图像所需的路径，我也不喜欢使用数组来存储图像列表。

我想知道是否有任何标签可以要求 Jekyll 执行这两个步骤:

查看特定目录

对于您在该目录中找到的每个文件，重复一段代码

基本上我想写的是与这段(想象的)代码有点相似的东西:

{% for file in directory %}
    <img src="{{ file.url }}" />
{% endfor %}

因此，例如，如果我有一个包含三个名为 image01.jpg、image02.jpg、image03.jpg 的文件的文件夹，我希望 jekyll 可以为我构建此 HTML 代码:

<img src="folder/image01.jpg" />
<img src="folder/image02.jpg" />
<img src="folder/image03.jpg" />

所以我看了一下 this reference page但我没有发现任何对我的目的有用的东西。

拜托，你能给我任何建议吗，如果可能的话，一个不涉及使用插件的建议？

先感谢您。

Answer 1

使用 Jekyll collections API，截至 2015-08-07 带有重大警告

Collections support is unstable and may change

在 _config.yml 中定义一个集合并创建一个 _images根目录中的文件夹

collections:
- images

Jekyll 无需将 YAML 前端添加到您的图像中，将:

Files in collections that do not have front matter are treated as static files and simply copied to their output location without processing.

Static files具有以下属性:

file.path

file.extname

然后您页面上的代码将类似于(未经测试):

{% for image in site.images %}
     {% if image.extname == 'jpg' %}
         <img src="{{ file.url }}" />
     {% endif %}
{% endfor %}