使用 html 循环遍历 github 图像目录

Question

我正在尝试向我的github页面添加一个图库。 在我的 username.github.io 目录中，我有一个包含一些图像的资产/图像文件夹。我需要遍历所有图像并显示它们。

我一直在寻找解决方案很长一段时间，看到一些提到AJAX和PHP，我根本不知道。

我尝试编写此代码，但它不起作用:(

{%for picture in page.image%}
<div class="image-wrapper">
<a href="{{ site.baseurl }}/{{ page.image }}/{{picture}}">
<p>text</p>
<!-- <img src="{{ site.url }}{{ site.baseurl }}/assets/images/picture"> -->
</a>
</div>
{% endfor %}

我猜for pictures in page.image不像我在 python 中想象的那样工作。有没有办法解决这个问题？

用<a href="{{ site.baseurl }}/{{ page.image }}">而不是<a href="{{ site.baseurl }}/{{ page.image }}/{{picture}}">确实显示了指向我的图像目录的链接。

希望我的菜鸟问题没有打扰任何人(゚ω゚;(

Answer 1

看起来page.image不是一个你可以循环的数组，所以我宁愿去检查它，你应该有一个完整的图像数组，然后在你的模板中循环它们。
请提供您拥有的所有输入和输出数据，以便我们快速轻松地为您提供帮助(也许是代码框？