मार्काडाउन में रंग कैसे लागू करें?


373

मैं पाठ्यपुस्तक की जानकारी संग्रहीत करने के लिए मार्कडाउन का उपयोग करना चाहता हूं। लेकिन त्वरित गुग्लिंग कहते हैं कि मार्कडाउन रंग का समर्थन नहीं करता है। इसके अलावा StackOverflow रंग का समर्थन नहीं करता है। गिटहब मार्कडाउन के मामले में भी ऐसा ही है।

क्या मार्कडाउन का कोई स्वाद है जो रंगीन पाठ की अनुमति देता है?


1
आप आउटपुट स्वरूप क्या है? मार्कडाउन का उपयोग ज्यादातर HTML में बदलने के लिए किया जाता है, जो रंग का समर्थन करता है, और कई
पार्स

क्या आपका मतलब है कि इन पार्सर्स के अंदर '' स्पैन स्टाइल = "कलर: रेड"> </ स्टाइल> का मार्कडाउन का html डालने की इनबिल्ट क्षमता है? मैंने सुना नहीं। कोई लिंक / उदाहरण?
महेश999

5
मेरा मतलब है कि आप उन्हें उदाहरण के लिए पंडोक के साथ मिला सकते हैं <span style="color:red"> *some emphasized markdown text*</span>:। यदि आप रंगों के मूल अंकन से निपटने के बारे में पूछ रहे हैं, तो मुझे नहीं लगता कि यह मौजूद है
स्कोर

1
यह जवाब मेरे लिए कुछ मदद का हो सकता है ...
उत्सुकता

जवाबों:


373

संक्षिप्त जवाब

Markdown रंग का समर्थन नहीं करता है!

टी एल; डॉ

मूल / आधिकारिक वाक्यविन्यास नियम राज्य के रूप में (जोर जोड़ा):

मार्कडाउन का सिंटैक्स एक उद्देश्य के लिए है: वेब के लिए लिखने के लिए एक प्रारूप के रूप में उपयोग किया जाना है।

Markdown HTML के लिए एक प्रतिस्थापन नहीं है, या इसके करीब भी नहीं है। इसका सिंटैक्स बहुत छोटा है, केवल HTML टैग्स के बहुत छोटे उपसमुच्चय के अनुरूप है। विचार एक सिंटैक्स बनाने के लिए नहीं है जो HTML टैग्स को सम्मिलित करना आसान बनाता है। मेरी राय में, HTML टैग पहले से ही सम्मिलित करना आसान है। मार्कडाउन का विचार गद्य को पढ़ना, लिखना और संपादित करना आसान बनाना है। HTML एक प्रकाशन प्रारूप है; मार्कडाउन एक लेखन प्रारूप है। इस प्रकार, मार्कडाउन का प्रारूपण सिंटैक्स केवल उन मुद्दों को संबोधित करता है जिन्हें सादे पाठ में व्यक्त किया जा सकता है

किसी भी मार्कअप के लिए जो मार्कडाउन के सिंटेक्स द्वारा कवर नहीं किया गया है, आप बस HTML का ही उपयोग करते हैं।

चूंकि यह "प्रकाशन प्रारूप" नहीं है, इसलिए आपके पाठ को रंग करने का एक तरीका प्रदान करना मार्काडाउन के लिए बाहर की गुंजाइश है। उस ने कहा, यह असंभव नहीं है क्योंकि आप कच्चे HTML को शामिल कर सकते हैं (और HTML एक प्रकाशन प्रारूप है)। उदाहरण के लिए, निम्नलिखित मार्कडाउन पाठ (जैसा कि टिप्पणी में @scoa द्वारा सुझाया गया है):

Some Markdown text with <span style="color:blue">some *blue* text</span>.

निम्नलिखित HTML में परिणाम होगा:

<p>Some Markdown text with <span style="color:blue">some <em>blue</em> text</span>.</p>

अब, StackOverflow (और शायद GitHub) कच्चे HTML को बाहर निकाल देगा (सुरक्षा उपाय के रूप में) इसलिए आप यहाँ रंग खो देते हैं, लेकिन इसे किसी भी मानक मार्कडाउन कार्यान्वयन पर काम करना चाहिए।

एक और संभावना है कि गैर-मानक गुण सूचियों का उपयोग मूल रूप से मार्काडाउन के मार्कुरू कार्यान्वयन द्वारा शुरू किया गया था और बाद में कुछ अन्य लोगों द्वारा अपनाया गया था ( पंडोक में डिव और स्पैन विशेषताओं की तरह, एक ही विचार के अधिक, या थोड़ा अलग कार्यान्वयन हो सकता है )। उस स्थिति में, आप एक वर्ग को अनुच्छेद या इनलाइन तत्व में असाइन कर सकते हैं, और फिर एक वर्ग के लिए रंग को परिभाषित करने के लिए सीएसएस का उपयोग कर सकते हैं। हालाँकि, आपको पूरी तरह से कुछ कार्यान्वयनों में से एक का उपयोग करना चाहिए जो वास्तव में गैर-मानक सुविधा का समर्थन करते हैं और आपके दस्तावेज़ अब अन्य प्रणालियों के लिए पोर्टेबल नहीं हैं।


2
धन्यवाद, अब यह प्रयोग करना बाकी है कि हम HTML और मार्कडाउन को कितनी अच्छी तरह से मिला सकते हैं। लेकिन मुझे वास्तव में लगता है कि किसी भी लेखन प्रारूप को लेखक को यह बताने की अनुमति देनी चाहिए कि वह किन शब्दों पर जोर देना चाहता है। हालांकि कोई इसके लिए बोल्ड और इटैलिक्स का उपयोग कर सकता है, लेकिन अत्यधिक जटिल विषयों की व्याख्या करने के लिए, रंग से जोर देना आसान हो सकता है। या केवल दो शब्दों को संप्रेषित करने के लिए, एक ही रंग के साथ एक ही जोड़े से संबंधित शब्दों को रंगकर (एक ही वाक्य में एक दूसरे से थोड़ा दूर) कहकर, अन्य जोड़े के बीच एक जोड़ी बनाते हैं। बिंदु वह है जो उपयोगी साबित हो सकता है कि पाठ की प्रकृति और जटिलता को लिखा जाना चाहिए।
महेश999

लगता है कि सादे पाठ के रूप में व्यक्त करने की क्षमता
अंकन के

10
मुझे लगता है कि मार्कडाउन की आपकी अपेक्षा से भिन्न है जो इसके निर्माता द्वारा बनाई गई थी। लेकिन यह सिर्फ मेरी राय है ...
वायलन

"मार्कडाउन का सिंटैक्स एक उद्देश्य के लिए है: वेब के लिए लिखने के लिए एक प्रारूप के रूप में उपयोग किया जाना है।" और कभी-कभी, हम रंग में लिखना चाहते हैं। यह हमारा अधिकार है। चेतावनी: खतरे! लाल रंग में बेहतर है। और आप कैसे समझा सकते हैं कि उन्होंने भाषाओं के लिए सिंटैक्स रंग लागू किया? रंग हमें जब चाहें उपयोग करने के लिए होते हैं।
मार्क ले बिहान

आप अपने <p> <style = "color: ..." को कैसे करते हैं, जब मार्कडाउन से pdf में कनवर्ट करते समय काम करता है? यह तब काम नहीं करता है। रंगों के लिए मानक मार्कडाउन सॉल्यूशंस बेहतर होगा।
मार्क ले बिहान

56

मैंने अपने कुछ दस्तावेज़ों को इन-हाउस उपयोगकर्ताओं के लिए आंतरिक वेब साइट पर पोस्ट करने के लिए मार्कडाउन का उपयोग करना शुरू कर दिया है। यह एक आसान तरीका है जिसे किसी दस्तावेज़ को साझा किया जाता है लेकिन दर्शक द्वारा संपादित नहीं किया जा सकता है।

तो, रंग में पाठ का यह अंकन "महान" है। मैंने इस तरह के कई का उपयोग किया है और अद्भुत काम करता है।

<span style="color:blue">some *This is Blue italic.* text</span>

में बदल जाता है यह ब्लू इटैलिक है।

तथा

<span style="color:red">some **This is Red Bold.** text</span>

में बदल जाता है यह बोल्ड लाल है।

मुझे लचीलापन और उपयोग में आसानी पसंद है।


7
मुझे लगता है कि यह एक टिप्पणी होनी चाहिए - यह वास्तव में ओपी के सवाल का जवाब नहीं देती है।
मार्कस मैंग्लेसडोर्फ

15
उपरोक्त कुछ नहीं है सिवाय इस बोल्ड में रेड बोल्ड के।
mplungjan

1
ऐसा नहीं है कि ऊपर एक वेब पेज पर काम करने की संभावना थी लेकिन ... मजेदार Robot likely
रोबॉटबग्स

4
ऐसा लगता है कि आप मार्कडाउन को HTML टैग्स के साथ यहाँ मिक्स कर रहे हैं। आपके वेब ब्राउजर में देखे जाने पर स्पैन एलिमेंट रंग जोड़ सकता है, लेकिन यह मार्कडाउन नहीं है
मार्टिन ग्रे

1
पृष्ठ पर रंग पाने की कोशिश करने वाले अधिकांश लोग सिर्फ इस बात पर ध्यान केंद्रित करते हैं कि क्या रंग एक मार्कडाउन दस्तावेज़ को प्रस्तुत करेगा; नहीं तो कोड ही मार्कडाउन है। इसलिए, मुझे लगता है कि यह एक अच्छा जवाब है।
मैया

21

जबकि मार्कडाउन रंग का समर्थन नहीं करता है, यदि आपको बहुत अधिक की आवश्यकता नहीं है, तो आप हमेशा कुछ समर्थित शैलियों का त्याग कर सकते हैं और इसे रंग बनाने के लिए CSS का उपयोग करके संबंधित टैग को फिर से परिभाषित कर सकते हैं, और स्वरूपण को हटा सकते हैं, या नहीं।

उदाहरण:

// resets
s { text-decoration:none; } //strike-through
em { font-style: normal; font-weight: bold; } //italic emphasis


// colors
s { color: green }
em { color: blue }

यह सभी देखें: इटैलिक के बजाय बोल्ड कैसे करें

फिर अपने मार्कडाउन टेक्स्ट में

~~This is green~~
_this is blue_

दिलचस्प लेकिन हड़ताल से छुटकारा पाने के लिए-हालांकि पाठ को s {text-decoration:none; color: green}
रंगते

2
IMO, मुख्य प्रश्न का उत्तर देते समय यह उत्तर मार्कशीट की भावना में सबसे अधिक है। यह मार्कडाउन के सादे टेक्स्ट आइडिया का सम्मान करता है (कि यह प्लेन टेक्स्ट में पठनीय है) और यह टेक्स्ट के मार्कडाउन व्यूअर द्वारा पार्स किए जाने पर रूपांतरण आवश्यकताओं का सम्मान करता है। इस लिहाज से मैं चाहता हूं कि कमरे का एक सा हिस्सा था (अन्य मार्क टैग के लिए मार्कडाउन टैग को फिर से परिभाषित करने के लिए या स्वचालित रूप से उन पर कक्षाओं को असाइन करने के लिए) उदाहरण के लिए, मैं चाहूंगा *और _अलग हो जाऊंगा लेकिन वे दोनों इशारा करते हैं <em>
मेल्विन रोस्ट

13

यह कम होना चाहिए:

<font color='red'>test blue color font</font>

पीडीएफ में परिवर्तित करने पर काम नहीं करता है
मार्क ले बिहान

मुझे पदावनत HTML टैग का उपयोग करने का विचार पसंद नहीं है, लेकिन अगर यह काम करता है, तो यह काम करता है ...
Alonso del Arte

7

आप शायद लेटेक्स शैली का उपयोग कर सकते हैं:

$\color{color-code}{your-text-here}$

शब्दों के बीच व्हाट्सएप रखने के लिए, आपको टिल्ड को भी शामिल करना होगा ~


2
यह एकमात्र समाधान है जिसने मेरे लिए काम किया।
Éबे इसाक

{Your-text-here} क्षेत्र में, आपको व्हाट्सएप ~डालने के लिए रिक्त स्थान के बजाय टिल्ड का उपयोग करना चाहिए ।
एलेक्स

@ एलेक्स: या $ \ color {color-code} {{\ rm your text here}} $।
पीटर के।

या $ \ color {color-code} {\ text {अपना पाठ यहाँ}} $ करें।
फरो

4

लगता है कि क्रामडाउन किसी न किसी रूप में रंगों का समर्थन करता है।

Kramdown की अनुमति देता है इनलाइन html :

This is <span style="color: red">written in red</span>.

इसके अलावा सीएसएस कक्षाओं इनलाइन सहित के लिए एक और वाक्यविन्यास है :

This is *red*{: style="color: red"}.

यह पृष्ठ आगे बताता है कि क्रेटडाउन में जीटीलैब ने सीएसएस कक्षाओं को लागू करने के लिए और अधिक कॉम्पैक्ट तरीके का उपयोग कैसे किया:

blueपाठ के लिए कक्षा को लागू करना :

This is a paragraph that for some reason we want blue.
{: .blue}

blueशीर्षकों के लिए कक्षा को लागू करना :

#### A blue heading
{: .blue}

दो वर्गों को लागू करना:

A blue and bold paragraph.
{: .blue .bold}

आईडी लगाना:

#### A blue heading
{: .blue #blue-h}

यह उत्पादन करता है:

<h4 class="blue" id="blue-h">A blue heading</h4>

उपरोक्त लिंक पर बहुत सारी अन्य चीजें बताई गई हैं । आपको जांचने की आवश्यकता हो सकती है।

इसके अलावा, जैसा कि अन्य उत्तर में कहा गया है, क्रैमाडैक भी Jekyll के पीछे डिफ़ॉल्ट मार्कट रेंडरर है । इसलिए यदि आप github पृष्ठों पर कुछ भी लिख रहे हैं, तो उपरोक्त कार्यक्षमता बॉक्स से बाहर उपलब्ध हो सकती है।


3

में Jekyllमैं एक में कुछ रंग या अन्य शैलियों को जोड़ने के लिए सक्षम था बोल्ड तत्व (अन्य सभी के साथ-तत्वों के साथ काम करना चाहिए)।

मैंने इसके साथ "स्टाइल" शुरू किया {:और इसे समाप्त किया }। तत्व और घुंघराले ब्रैकेट के बीच कोई स्थान की अनुमति नहीं है!

**My Bold Text, in red color.**{: style="color: red; opacity: 0.80;" }

HTML में अनुवादित किया जाएगा:

<strong style="color: red; opacity: 0.80;">My Bold Text, in red color.</strong>


2

आप शुद्ध Markdown (नेस्टेड एचटीएमएल के बिना) का उपयोग करना चाहते हैं, तो आप उपयोग कर सकते हैं Emojis फ़ाइल से कुछ टुकड़ा, यानी ⚠️ की ओर ध्यान आकर्षित करने के लिए चेतावनी ⚠️, 🔴 महत्वपूर्ण ❗🔴 या 🔥 नई 🔥।


0

मुझे सफलता मिली है

<span class="someclass"></span>

कैविएट: वर्ग पहले से ही साइट पर मौजूद होना चाहिए।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.