显示Jekyll支持的网站上目录中的所有图像

Question

它不一定是Jekyll使用的东西.

基本上我正在创建一个将使用灯箱的画廊.我想从目录(_site\images\gallery)加载要显示的灯箱及其缩略图(待确定和创建)的所有图像.

最好的方法是什么？我已经设置并测试了灯箱(没有缩略图).

提前致谢.

Answer 1

Jekyll没有办法"列出文件夹的内容".

你可以通过使用yaml前端做一个非常近似的事情.

在"图库页面"中,包含一个包含图像文件名的部分:

---
images:
  - a.jpg
  - b.jpg
  - c.jpg
<other properties, like title, etc>
---

然后,当您想要列出图像时,使用循环生成链接.我不熟悉lighbox的图像语法,但它可能看起来像这样:

<ul class="something">
{% for image in page.images %}
  <li class="something">
    <a rel="something" class="something" href="/path/to/images/dir/{{ image }}" />
  </li>
{% endfor %}
</ul>

(当我不确定某些事情的时候,我已经在每个地方放了"东西".你可能需要完全删除一些"东西".你必须修改/path/to/images/dir/你的图像所在的位置)

将html更改为使用lightbox后,添加新图像的唯一方法是:a)将其放在images目录中; b)编辑gallery页面,并在列表中引入新的图像名称.

它不像列表"自动生成"那么方便,但它非常接近.