8

私は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) 左の列に収まるように折り返す方法についてのアドバイスはありますか? ありがとう!

4

2 に答える 2

10

それらをタグ内に配置して、<p>ラップアラウンドできるようにすることもできます。

それらをコンマで区切るには、jekyll docs に従って、次を使用できます。

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

Jekyll wikiで述べ​​られているように。

于 2013-04-06T09:13:50.110 に答える
5

タグでできることをより正確に制御するには、for演算子を使用します。

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

この例は、どこかからそのまま引用されています。また、より多くの制御構造から選択できます。

于 2014-05-07T02:51:32.270 に答える