tags - jekyll - 列出 page.tags

Question

我是 jekyll 的新手，正在构建我的网站。

我有一个“帖子”布局，我希望所有与帖子相关的标签都出现在左栏中。我遇到的问题是使用 {{ page.tags }} 返回的标签列表不是逗号分隔的，而且看起来很乱。有关示例，请参见此处。

布局页面的html代码为：

<div class="span3">
    </br>
    <img src="{{ page.root }}assets/img/glyphicons_045_calendar.png" /> {{ page.date | > date: "%d %B %Y" }}    
    </br> 
    <img src="{{ page.root }}assets/img/glyphicons_066_tags.png" /> {{ page.tags }}
 </div>

<div class="span9">
    <h1> {{ page.title }} </h1>
    {{ content }}
</div>

关于如何（a）让标签列表以逗号分隔和（b）环绕以使其保持在左列中的任何建议？谢谢！

Answer 1

您可以尝试将它们放在<p>标签内，以便它们可以环绕。

要让它们以逗号分隔，您可以遵循 jekyll 文档并使用：

{{ page.tags | array_to_sentence_string }} => foo, bar, and baz

正如Jekyll wiki中所说。

Answer 2

要更精确地控制您可以对标签执行的操作，请使用for运算符：

<ul>
{% for tag in page.tags %}
    <li> {{tag}} </li>
{% endfor %}
</ul>

这个例子是从某个地方逐字记录的。还有更多的控制结构可供选择。