2013-04-05 11 views
8

की एक सूची बनाएं I jekyll के लिए नया हूं और मेरी साइट बनाने पर काम कर रहा हूं।jekyll - पेज.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> 

कैसे (क) प्राप्त करने के लिए टैग सूची अल्पविराम से अलग और (ख) के चारों ओर लपेट तो यह बाएँ स्तंभ के भीतर रहता है होना करने के लिए पर कोई सलाह ? धन्यवाद!

उत्तर

8

आप उन्हें <p> टैग के अंदर रखने की कोशिश कर सकते हैं ताकि वे चारों ओर लपेट सकें।

उन्हें अल्पविराम से अलग करने के लिए, आप Jekyll डॉक्स और उपयोग का पालन कर सकते हैं:

{{ 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> 

यह उदाहरण कहीं से शब्दशः लिया गया है:

+0

धन्यवाद! उन युक्तियों ने वही किया जो मैं चाहता था, और मैं जेकील विकी के लिंक की सराहना करता हूं जिसे मैंने देखा था लेकिन यह सब एक साथ रखने की कोशिश करते समय भूल गया था। – JohnSG

5

आप टैग के साथ क्या कर सकते हैं पर अधिक सटीक नियंत्रण के लिए for ऑपरेटर का उपयोग करें। से चुनने के लिए control structures भी हैं।

+2

मुझे इस तरह से भी पसंद है लेकिन आप उन्हें अलग कैसे करेंगे और आखिरी कॉमा को हटा देंगे? – Rhys

+7

किसी और के लिए इसकी आवश्यकता है, मैं {% iflop.last == false%} का उपयोग करके समाप्त हुआ, {% endif%} – Rhys

+0

@Rys yesssss धन्यवाद :) –

संबंधित मुद्दे