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