基本上,我使用的是Jekyll(使用Liquid模板语言),我正在尝试编写一个for循环,它将每两个项目包装在一个div.
这是我目前的循环:
<div>
{% for post in site.posts %}
<a href="{{ post.url }}">{{ post.title }}</a>
{% endfor %}
</div>
Run Code Online (Sandbox Code Playgroud)
哪个会输出四个帖子,如下:
<div>
<a href="#">Title</a>
<a href="#">Title</a>
<a href="#">Title</a>
<a href="#">Title</a>
</div>
Run Code Online (Sandbox Code Playgroud)
我想要的四个帖子的输出是:
<div>
<a href="#">Title</a>
<a href="#">Title</a>
</div>
<div>
<a href="#">Title</a>
<a href="#">Title</a>
</div>
Run Code Online (Sandbox Code Playgroud)
我怎么能做到这一点?
如何在 Jekyll 站点中调整我当前的两列(使用 Bootstrap)有序列表?目标是让 Jekyll 获取我的 .md 文件,其中包含有序列表项并将其拆分为两列。我目前必须单独编辑两列中的每个有序列表,从长远来看这将是有问题的,因为此文档会不断更新和添加。
这是我当前的代码:
<!-- Left Column -->
<div class="col-sm">
<ol>
<li>Zebras</li>
<li>Lions</li>
</ol>
</div>
<!-- Right Column -->
<div class="col-sm">
<ol start="3">
<li>Zebras</li>
<li>Lions</li>
</ol>
</div>
Run Code Online (Sandbox Code Playgroud)
这是我想通过 Jekyll 完成的视觉效果。
输入(Markdown 文件):
---
layout: default
---
1. Zebras
2. Lions
3. Tigers
4. Gorillas
Run Code Online (Sandbox Code Playgroud)
理想情况下,这将被解析为:
1. Zebras 3. Tigers
2. Lions 4. Gorillas
Run Code Online (Sandbox Code Playgroud)
我发现了两个关于 StackOverflow 的主题问题,但都不适合这个用例。第一个使用 YAML front-matter 来构建列表。但是,由于我的有序列表中经常有链接,我认为这种方法行不通——而且,与添加每个列表项一样乏味。第二个越来越近,但是,我认为它使用的是发布文件,而我使用的是列表项。
我可以让 Jekyll 获取有序列表项的数量,将它们分成两半(或者如果不准确,左列应该大于右列),然后将列表项放在各自的列中?最后,从左栏移出柜台(使用<ol start="x">或其他东西)。