Jekyll for 循环遍历文件夹中的所有图像？

Question

我想在我的 jekyll 博客上制作一个极其简单的作品集。我将所有图像文件都放在一个文件夹中。

目前，我让它生成这样的照片页面:

<p style="line-height: 100px;">
<img src="photos/01.jpg"><br>
<img src="photos/02.jpg"><br>
<img src="photos/03.jpg"><br>
<img src="photos/04.jpg"><br>
<img src="photos/05.jpg"><br>
<img src="photos/06.jpg"><br>
<img src="photos/07.jpg"><br>
<img src="photos/08.jpg"><br>
<img src="photos/09.jpg"><br>
<img src="photos/10.jpg"><br>
</p>

如果我想添加或删除新照片，这根本不方便。是否可以执行类似于我为帖子设置的 for 循环的操作:

{% for post in site.posts %}
     <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
{% endfor %}

除了循环所有图像？

谢谢!

Answer 1

这对我来说就像一个魅力。无需插件。

我的图像位于 assets/images/slider 目录中。

{% for image in site.static_files %}
    {% if image.path contains 'images/slider' %}
        <img src="{{ site.baseurl }}{{ image.path }}" alt="image" />
    {% endif %}
{% endfor %}

image.path 包含“images/slider” 确保仅插入该文件夹中的图像。

进一步阅读here以及 jekylltalk .

故障排除:正如评论中提到的，如果您对此方法遇到困难，您可能需要尝试删除标签之前的缩进。