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




(4)

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

उदाहरण:

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

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

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

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

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


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

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

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

इसमें बदल जाता है यह नीला इटालिक है।

तथा

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

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

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


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

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

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

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

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

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

परिणामस्वरूप निम्नलिखित एचटीएमएल होगा:

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

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

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


हाँ आप इसे कर सकते हैं.क्योंकि मैंने इसे गितूब में किया है। उस भाषा को निर्दिष्ट करके जिसमें आपका कोड `` `के बाद है। नमूना प्रारूप नीचे दिया गया है:

```css/html/other languages
/* your code */
 ```

उदाहरण के लिए यदि आपका कोड सीएसएस से संबंधित है:

```css

/* The animation code */

@keyframes example {
    from {background-color: red;}
    to {background-color: yellow;}
}

/* The element to apply the animation to */

div {
    width: 100px;
    height: 100px;
    background-color: red;
    animation-name: example;
    animation-duration: 4s;
} 
```

और यह निम्न छवि की तरह दिखेगा:

उदाहरण के लिए यदि आपका कोड HTML से संबंधित है:

```html
  <script src="https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/0.7.3/webcomponents.min.js"></script>
  ```

और यह निम्न छवि की तरह दिखेगा:

मैंने समझने योग्य होने के लिए अपनी पूरी कोशिश की। अगर मैंने आपकी मदद की तो मुझे बताएं!





markdown