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

正如杰基尔维基所说.

Answer 2

要更精确地控制使用标记可以执行的for操作,请使用运算符:

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

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