Jekyll，如何按日期显示文件夹中的图像？

Question

我正在创建一个网站画廊。有这样的结构：

my site
  artworks
    caty1
    caty2

必须按创建日期在给定类别（caty2 或caty1）的页面中显示照片。
实际上，如何实现使用 Jekyll 和 Liqiud？
还是有更合适的结构？

Answer 1

使用液体，您可以filter/sort 一个数组，但它的任何元素属性都是您想要的。

在您的情况下，您需要创建代表照片集合的 datafile（在 yml、csv 或 json 中），并且每个photo 应该有一个date 属性（连同一个名称、src、...）。

然后在生成caty 页面的layout 中，您将拥有如下内容：

{% assign sorted-photos = site.data.photos | sort: 'date' %}
<ul> <!-- list of sorted photos -->
{% for photo in photos %}
  <li> <img src={{photo.src}} alt={{photo.name}}></li>
{% endfor %}
</ul>

照片集将是一个位于_data 目录中的photos.yml 文件，其结构类似于：

- src = assets/img/p1.jpg
  date = 10-01-2017
  name = cute cat
  category = cats  # if you need to filter by category ?   

- src = assets/img/p2.jpg
  date = 12-01-2017
  name = grumpy cat-2
  category = cats 

- src = assets/img/p3.jpg
  date = 10-11-2016
  name = cool dog
  category = dogs