2013-03-04 5 views
5

प्रविष्टि फ़ाइलों के लिए मार्कडाउन का उपयोग करते समय एक jekyll साइट में कस्टम सीएसएस टैग शामिल करने का कोई तरीका है; उदाहरण के लिए, जब मैं एक निश्चित पैराग्राफ को हाइलाइट करना चाहता हूं?जैकिल और कस्टम सीएसएस

+1

क्या आप वही चाहते हैं जो आप चाहते हैं? स्कॉटहेल्म और @berkes दोनों ने बहुत ही वैध समाधान प्रदान किए हैं, लेकिन किसी विशेष व्यक्ति की सिफारिश करना मुश्किल है जब तक कि हम जो भी करने की कोशिश कर रहे हैं उसके बारे में अधिक जानकारी न दें। – jbranchaud

+1

@ पीटरबैब क्या आपने यह देखा है? http://stackoverflow.com/questions/27501185/how-to-add-multiple-classes-to-markdown-using-jekyll - पोस्ट में जोड़े गए एक छवि पर कस्टम सीएसएस "' .float-right' "के साथ परीक्षण और काम किया एमडी के साथ: '{: .float-right}! [] (/ path/to/img)' – Fred

उत्तर

0

आपको अपने मार्कडाउन दस्तावेज़ में एचटीएमएल टैग डालने में सक्षम होना चाहिए, और इसे किसी भी समस्या का विश्लेषण करना चाहिए। उदाहरण के लिए:

#This 

is a paragraph <span style="background-color:yellow">with highlighting</span> 
+0

@rorra आप इस पोस्ट में संपादन को स्वीकार क्यों करेंगे? यह स्पष्ट रूप से एक टिप्पणी के रूप में मतलब है, लेकिन ऐसा नहीं है। – Daedalus

14

मार्कडाउन और न ही वाईएएमएल फ्रंटमैटर ने इसे बनाया है। लेकिन आप इसे स्वयं बना सकते हैं।

कहें, आपके पास foo.css है जिसे आप कुछ पोस्ट पर शामिल करना चाहते हैं।

_posts/2013-02-03-higligting-foo.markdown में:

--- 
css: foo 
title: "Drupal Imagecache security vulnarability with DDOS attack explained" 
tags: [drupal, imagecache, security, ddos] 
--- 

फिर, _layouts/default.html में:

{% if post && post.css %} 
    <link rel='stylesheet' type='text/css' href='public/assets/{{ post.css }}.css' /> 
{% endif %} 

एक पोस्ट में दिखाया गया है, और बाद में एक चर परिभाषित किया गया है, सीएसएस, तो का उपयोग करें कि सीएसएस फ़ाइल शामिल करने के लिए तो नाम के साथ ध्यान दें कि यह फ़ाइल नाम को गीला परीक्षण नहीं करता है, चाहे सीएसएस-फाइल मौजूद है या नहीं।

+1

पोस्ट को पृष्ठ में बदला जाना चाहिए और {% post.css%} {{page.css}} होना चाहिए। – duleorlovic

+0

@Duleorlovic: क्या यह हालिया परिवर्तन है, या मैंने बस कुछ गलत पोस्ट किया है? क्या आपको कुछ डॉक्टर का लिंक मिला है। इस पर? – berkes

+0

{% ...%} उन चीजों के लिए है जो टेक्स्ट को हल नहीं करते हैं (यानी यदि/के लिए/जब तक) ----- {{...}} टेक्स्ट उत्सर्जन – jgmalcolm

4

तुम्हारा मतलब अगर आप एक विशिष्ट वर्ग अपने Markdown दस्तावेज़ में एक विशेष पैरा दे सकते हैं, आप तकनीकी रूप से, बस पैरा टैग रास्ता टाइप करके आप चाहते हैं कर सकते हैं यह:

My **first** paragraph 

<p class="mySpecialClass">My **second** paragraph</p> 

My **third** paragraph 

और Markdown अपने p पारित करेंगे परिणामी एचटीएमएल के माध्यम से टैग करें।

हालांकि, मार्कडाउन आपके द्वारा टाइप किए गए टैग के अंदर पार्सिंग सामग्री को छोड़ देता है, इसलिए आपके अनुच्छेद की सामग्री को मार्कडाउन — उदा। उस पैराग्राफ में **second** शब्द बोल्ड के रूप में दिखाई नहीं देगा।

मैंने इस व्यवहार के कारण जेकिल पोस्ट के लिए वस्त्र पर स्विच किया।

शुभकामनाएं!

+0

क्रैमडाउन इंजन HTML टैग में मार्कडाउन एम्बेड करने का विकल्प प्रदान करता है। बस 'parse_block_html: true' config.yml या front matter – jasonszhao

+0

@jasonszhao क्या यह गितब पेज के लिए काम करता है? ये तो बहुत बढ़िया होगा। –

+0

[क्रैमडाउन गिथब पन्ने द्वारा समर्थित है] (https://help.github.com/articles/migrating-your-pages-site-from-maruku/)।हालांकि, मैं केवल अपनी संकलित निर्देशिका अपलोड करता हूं, और मुझे पूरा यकीन नहीं है कि वह विकल्प काम करता है। – jasonszhao

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