2013-04-05 14 views
8

私はジキルを初めて使い、自分のサイトを構築しています。jekyll - page.tagsのリストを作成

投稿に関連付けられたタグをすべて左の列に表示させたい "投稿"レイアウトがあります。私が実行している問題は、{{page.tags}}を使用するとカンマで区切られていないタグのリストが返され、乱雑に見えるということです。 exampleについてはこちらをご覧ください。

レイアウトページの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)の周りにラップするタグのリストを取得する方法上の任意のアドバイス?ありがとう!

答えて

8

<p>タグの中に入れて、ラップアラウンドすることがあります。それらをカンマ区切りを持つように

、あなたはジキルドキュメントおよび使用を追跡することができます

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

in the Jekyll wiki言われています。

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

この例では、どこから丸写ししたものです:タグはfor演算子を使うと何ができるかをより正確に制御するために

+0

ありがとうございます!これらのヒントは、私が望んでいたことを正確に行いました。私は見ていたが、これをすべてまとめようとしている間に忘れていたジキルのウィキのリンクを感謝します。 – JohnSG

5

。さらにcontrol structuresもあります。

+2

私はこの方法も好きですが、どのようにカンマで区切って最後のカンマを削除しますか? – Rhys

+7

これを必要とする人は、{%if forloop.last == false%}、{%endif%} – Rhys

+0

@Rhys yesssssありがとうございました。 –

関連する問題