में जेनरेट किए गए मार्कअप इंडेंट करना शायद यह एक मूर्ख सवाल है लेकिन मुझे लगता है कि तरल-टैग के इंडेंटेशन को संरक्षित रखने के लिए जेकिल में जेनरेट किए गए मार्कअप का कोई तरीका है या नहीं। अगर यह हल करने योग्य नहीं है तो दुनिया खत्म नहीं होती है। मैं सिर्फ उत्सुक हूं क्योंकि मुझे अपने कोड को साफ दिखने के लिए पसंद है, भले ही संकलित हो।जेकिल/रूबी
base.html:
<body>
<div id="page">
{{content}}
</div>
</body>
index.md: :)
उदाहरण के लिए मैं इन दोनों है
---
layout: base
---
<div id="recent_articles">
{% for post in site.posts %}
<div class="article_puff">
<img src="/resources/images/fancyi.jpg" alt="" />
<h2><a href="{{post.url}}">{{post.title}}</a></h2>
<p>{{post.description}}</p>
<a href="{{post.url}}" class="read_more">Read more</a>
</div>
{% endfor %}
</div>
समस्या है कि आयातित {{सामग्री}} - टैग ऊपर दिए गए इंडेन्शन के बिना प्रस्तुत किया जाता है।
तो बजाय
<body>
<div id="page">
<div id="recent_articles">
<div class="article_puff">
<img src="/resources/images/fancyimage.jpg" alt="" />
<h2><a href="/articles/2012/11/14/gettin-down-with-rwd.html">Gettin' down with responsive web design</a></h2>
<p>Everyone's talking about it. Your client wants it. You need to code it.</p>
<a href="/articles/2012/11/14/gettin-down-with-rwd.html" class="read_more">Read more</a>
</div>
</div>
</div>
</body>
मैं
<body>
<div id="page">
<div id="recent_articles">
<div class="article_puff">
<img src="/resources/images/fancyimage.jpg" alt="" />
<h2><a href="/articles/2012/11/14/gettin-down-with-rwd.html">Gettin' down with responsive web design</a></h2>
<p>Everyone's talking about it. Your client wants it. You need to code it.</p>
<a href="/articles/2012/11/14/gettin-down-with-rwd.html" class="read_more">Read more</a>
</div>
</div>
</div>
</body>
लगता है केवल पहली पंक्ति की तरह सही ढंग से इंडेंट है मिलता है। बाकी लाइन की शुरुआत में शुरू होता है ... तो, मल्टीलाइन तरल-टेम्पलेटिंग आयात? :)
क्या कोई भी कभी ऐसे समाधान के साथ आया है जो सीधे ठीक से इंडेंट किए गए मार्कअप का उत्पादन करता है? – mb21