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

Question

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

my site 
    artworks 
    caty1 
    caty2 

有必要在某一类别（caty2或caty1）的创建日期的页面中显示的照片。
其实，如何实现使用Jekyll和Liqiud？
或者是否有更合适的结构？

Answer 1

与液体你可以filter/sort一个数组，但它的任何元素属性，你想要的。

你的情况，你需要创建datafile（在YML，CSV或JSON）代表的照片集，并且每张照片应该有一个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> 

的照片收集将是一项photos.yml文件位于_data目录具有类似的结构：

- 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