【发布时间】:2014-10-21 17:54:46
【问题描述】:
我正在使用 jekyll 构建一个简单的个人作品集,到目前为止效果非常好。
在索引页面上,我正在尝试使用Dave Desandro's Isotope 以最适合的方式显示一堆不同大小的图像缩略图。这些缩略图链接到每个项目的完整页面。
问题是,0100-01-01-file.md 的 jekyll 文件格式会按日期预先对所有帖子进行排序,所以当 Isotope 脚本运行时,所有图像都只是按时间顺序排列,而不是像俄罗斯方块砖一样组合在一起。这会留下这些尴尬的一排大小不一的图像,而不是看起来像砖墙的漂亮东西。
有没有办法绕过、覆盖或避免使用日期函数?我只想把图像混在一起,没有特别的顺序。
索引页面代码如下:
{% for item in site.categories.project reversed %}
<a href='{{site.baseurl}}{{item.url}}' class='project pad1'>
<img src='{{item.splash}}' class='splash'>
</a>
{% endfor %}
其中“splash”是缩略图。提前感谢您的帮助。
【问题讨论】:
-
我对 Jekyll 也很陌生,但我也很喜欢它。看起来对数组排序没有太多控制,但这篇文章可能会提供一些见解:stackoverflow.com/questions/9218769/…
标签: jekyll jquery-isotope