2013-04-05 11 views
8

我是新來的jekyll,我正在建設我的網站。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> 

如何(一)獲得標籤列表是逗號分隔和(b)環繞,使其保持在左欄中的任何意見?謝謝!

回答

8

您可能會嘗試將它們放入<p>標記中,以便它們可以環繞。

讓他們用逗號分隔的,你可以按照哲基爾文檔和使用:

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

正如是說in the Jekyll wiki

+0

謝謝!這些提示完全符合我的意願,並且我很欣賞Jekyll wiki的鏈接,這些鏈接是我看到但忘記了試圖將所有內容放在一起的。 – JohnSG 2013-04-08 14:56:48

5

在過去,你可以用標籤做更精確的控制使用for操作:

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

這個例子是從什麼地方逐字。還有更多control structures可供選擇。

+2

我也喜歡這種方式,但你會如何分開它們並刪除最後一個逗號? – Rhys 2016-05-22 08:54:27

+7

對於其他需要此功能的人,我最終使用了{%if forloop.last == false%},{%endif%} – Rhys 2016-06-23 11:42:51

+0

@Rysys yesssss謝謝:) – 2016-09-21 19:09:54