我正在与杰基尔建立一个博客主题,但我已经被困住了,可以使用一些帮助。
我想要的东西并排的两个栏目,每个栏目共有2篇文章列表 - 总共4个。 (见上下文图片)
问题我对流量不太好,无法找到for循环和迭代器的明确答案,也无法找到switch语句示例。我现在拥有代码的方式使得这两个列都列出了相同的精确文章,因为索引不会被转移到相应容器的for循环。
帮助?谢谢!
<div class="col-xs-12 col-sm-6 article-cards" id="first-column">
{% for post in site.categories.advice limit:2 %}
<h5><a href="{{ post.url }}">{{ post.title }}</a></h5>
<span class="date">{{ post.date | date: '%B %d, %Y' }}</span>
{% endfor %}
</div>
<div class="ol-xs-12 col-sm-6 article-cards push-down" id="first-column">
{% for post in site.categories.advice offset:2 limit:2 %}
<h5><a href="{{ post.url }}">{{ post.title }}</a></h5>
<span class="date">{{ post.date | date: '%B %d, %Y' }}</span>
{% endfor %}
</div>