सवाल क्या गितब स्वादित मार्कडाउन में रंगीन पाठ प्राप्त करने का कोई तरीका है? [डुप्लिकेट]


इस प्रश्न का उत्तर यहां दिया गया है:

मुझे जिथब पर लाइब्रेरी दस्तावेज करने की आवश्यकता है जो टर्मिनल में आउटपुट रंगीन टेक्स्ट है।

मैंने दोनों अवधि की कोशिश की है <style="color:red"> तथा <font color="red"> लेकिन ऐसा लगता है कि दोनों टैग बाहर निकलते हैं।

ऐसा करने का एकमात्र तरीका रंगीन पाठ की छवियों के साथ है?

संपादित करें:

मैं गिट करने और छवि लिंक w / github सापेक्ष यूआरएल का उपयोग करने के लिए स्क्रीनशॉट जोड़ना समाप्त कर दिया।


90
2018-05-28 06:29


मूल


लाल (और हरा) हाइलाइट किए गए टेक्स्ट को उत्पन्न करने के लिए आप `` `diff```` भाषा टैग का उपयोग कर सकते हैं। - craigmichaelmartin
संबंधित गिटहब मुद्दा; github.com/github/markup/issues/369 - brillout


जवाब:


आप शैली निर्देशों को शामिल नहीं कर सकते हैं GFM

सबसे पूरा दस्तावेज / उदाहरण है "मार्कडाउन चीटशीट", और यह इस तत्व को दर्शाता है <style> लापता है।

यदि आप अपने टेक्स्ट को जीएफएम तत्वों में से एक में शामिल करना चाहते हैं, तो आप ए के साथ खेल सकते हैं github.css स्टाइलशीट इस तरह से रंग करने के लिए।


39
2018-05-28 07:04



यह उन HTML टैग्स को सूचीबद्ध नहीं करता है जिन्हें वे अनुमति देते हैं और मुझे नहीं पता कि उनका कार्यान्वयन ओपन सोर्स है (अगर यह पता लगाने के लिए कि कौन से टैग की अनुमति है)। - Roman A. Taycher
@ रोमन ए। टाचर नो, जीएफएम ओपन-सोर्स नहीं है, जहां तक ​​मुझे पता है। यद्यपि जीएफएम-संगत वाक्यविन्यास उत्पन्न करने वाले ओएसएस पुस्तकालय हो सकते हैं। - VonC
आप स्टाइलशीट कैसे शामिल करते हैं? - Roman A. Taycher
@ रोमन ए। टाचर नहीं, यह एक में काम नहीं करेगा README.md - VonC
<शैली> निश्चित रूप से सभी द्वारा निषिद्ध है क्योंकि इसे कोड इंजेक्ट करने के लिए उपयोग किया जा सकता है। - Peter K


यदि यह किसी ऐसे व्यक्ति के लिए सहायक हो सकता है जो आउटपुट के बजाय रंगों को दिखाने की जरूरत है, एक हैकिश वर्कअराउंड (और एफवायआई) के रूप में, चूंकि गिथब यूनिकोड न्यूमेरिक कैरेक्टर रेफरेंस (और एचटीएमएल इकाइयां) का समर्थन करता है, तो आप रंगीन यूनिकोड प्रतीकों का प्रयास कर सकते हैं, हालांकि यह निर्भर करता है उन्हें रंग में प्रतिपादित करने वाले फ़ॉन्ट पर (जैसा कि यह मेरे लिए विंडोज 10 और मैक 10.12.5 पर कम से कम दिखाई देता है, कम से कम मैक पर, ऊपर / नीचे-पॉइंटिंग छोटे लाल त्रिकोण लाल रंग में नहीं दिखते हैं ):

  • लाल ऐप्पल (& # x1F34E;): 🍎
  • ग्रीन ऐप्पल (& # x1F34F;): 🍏
  • नीला दिल (& # x1F499;): 💙
  • ग्रीन हार्ट (& # x1F49A;): 💚
  • पीला दिल (& # x1F49B;): 💛
  • पूर्ण दिल (& # x1F49C;): 💜
  • ग्रीन बुक (& # x1F4D7;): 📗
  • नीला बुक (& # x1F4D8;): 📘
  • ऑरेंज बुक (& # x1F4D9;): 📙
  • बड़े लाल सर्कल (& # x1F534;): 🔴
  • बड़ा नीला सर्कल (& # x1F535;): 🔵
  • बड़े ऑरेंज डायमंड (& # x1F536;): 🔶
  • बड़ा नीला डायमंड (& # x1F537;): 🔷
  • लघु ऑरेंज डायमंड (& # x1F538;): 🔸
  • छोटे नीले डायमंड (& # x1F539;): 🔹
  • यूपी पॉइंटिंग लाल ट्रिपल (& # x1F53A;): 🔺
  • डाउन-पॉइंटिंग लाल ट्रिपल (& # x1F53B;): 🔻
  • यूपी पॉइंटिंग छोटे लाल ट्रिपल (& # x1F53C;): 🔼
  • नीचे-नीचे छोटे लाल ट्रिपल (और # x1F53D;): 🔽

48
2018-03-29 14:36



अधिक प्रतीकों के लिए, यह पृष्ठ देखें apps.timwhitlock.info/emoji/tables/unicode - M.K. Safi
@ ब्रेटज़मिर मुझे ऐसा लगता है। मार्कडाउन पूर्वावलोकन पैकेज का उपयोग कर एटम संपादक में एक मार्कडाउन फ़ाइल में वही कोड उन्हें सभी ग्रेस्केल में दिखाते हैं। यह शायद प्रतिपादन इंजन के कार्यान्वयन पर निर्भर करता है। - jinglesthula
एक जुपीटर नोटबुक में भी काम करता है - बड़े लाल घेरे में कुछ ध्यान आकर्षित करने के लिए बहुत अच्छा है! - Brian Burns
वाह, यह एक काफी उपयोगी विकल्प है। धन्यवाद। - Grant Birchmeier
उबंटू 16.04 पर डिफ़ॉल्ट फ़ॉन्ट में वे सभी ग्रेस्केल हैं। - ArneHugo


आप ऐसा कर सकते हैं रंग सादे पाठ नहीं एक GitHub README.md फ़ाइल में। आप कर सकते हैं हालांकि जोड़ें कोड नमूने के लिए रंग नीचे दिए गए टैग के साथ अपनी गिटहब README.md फ़ाइल में।

ऐसा करने के लिए बस इन नमूने जैसे टैग अपने README.md फ़ाइल में जोड़ें:

`` `Json
   रंग के लिए // कोड
`` `
`` `एचटीएमएल
   रंग के लिए // कोड
`` `
`` `Js
   रंग के लिए // कोड
`` `
`` `सीएसएस
   रंग के लिए // कोड
`` `
// आदि।


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


`` `Js
  '@ कोणीय / कोर' से आयात {घटक};
  '.services/movie.service' से आयात करें {MovieService};

  @Component ({
    चयनकर्ता: 'ऐप-रूट',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css'],
    प्रदाताओं: [मूवी सेवा]
  })
  निर्यात वर्ग AppComponent {
    शीर्षक = 'ऐप काम करता है!';
  }
`` `

कोई "पूर्व" या "कोड" टैग की आवश्यकता नहीं है।

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

डेमो


34
2018-06-11 16:29



आपके पास कोई उदाहरण है? बैकटीक्स प्लस html एक कोड खंड के भीतर एचटीएमएल हाइलाइट ट्रिगर करने के लिए हैं। इसका README.md फ़ाइल की शेष GFM मार्कडाउन सामग्री पर कोई प्रभाव नहीं होना चाहिए। - VonC
@VonC आप सही हैं, इसका शेष GFM मार्कडाउन पर केवल कोई प्रभाव नहीं है, केवल कोड अनुभाग। कई प्रयासों और खोजों के बाद, मुझे विश्वास नहीं है कि इस समय केवल कोड रंग देने के लिए समर्थित या अन्यथा ऐसा करने का कोई तरीका है। - totallytotallyamazing
बहुत उलझन में क्यों यह नीचे मतदान किया गया था। शायद क्योंकि उस समय गिथब मार्कडाउन डॉक्स में कुछ भी नहीं था। यह तय है, और सही जवाब होना चाहिए। यहाँ देखें: help.github.com/articles/github-flavored-markdown/... - stites
इस बैक अप को वोट देना क्योंकि यह एक आकर्षण की तरह काम करता है और वही है जो मैं ढूंढ रहा था। मुझे एक्सएमएल के लिए इसकी ज़रूरत थी, जिसने वैसे ही काम किया। धन्यवाद! - Samurai Soul
मुझे लगता है कि यह कम हो जाता है क्योंकि सवाल यह नहीं पूछा जाता है। यह दिखाता है कि कोड के लिए सिंटैक्स-हाइलाइटिंग कैसे प्राप्त करें (उदाहरण के लिए एचटीएमएल कोड को हाइलाइट करना), लेकिन सवाल ने पूछा कि टेक्स्ट में मनमानी हिस्सों का रंग कैसे बदला जाए, जो किसी भी औपचारिक भाषा में नहीं हो सकता है (उदाहरण के लिए एक त्रुटि संदेश में हाइलाइट करना )। - Ken Williams


आप हरे / लाल नहीं हो सकते हैं टेक्स्ट, लेकिन आप हरे / लाल हो सकते हैं हाइलाइट किया गया टेक्स्ट diff भाषा टेम्पलेट का उपयोग कर। उदाहरण:

```diff
+ this text is highlighted in green
- this text is highlighted in red
```

19
2017-12-08 16:06



लाल और हरे रंग का सबसे आसान तरीका। दुख की बात है, यह रखता है + तथा - लिखित मे। - zhon
सही बात; यह ओपी के लिए एक समाधान नहीं है (क्योंकि जिथूब के मार्कडाउन के साथ कोई नहीं है)। वास्तव में यह है कि जब मैं यह प्रश्न मिला तो मैं क्या देख रहा था। शायद यह उन लोगों को सहायक बनाएगा जो गिथब में कूल डिस्प्ले डिस्प्ले देखते हैं, और Google लाल / हरा जो उन्हें यहां लाते हैं। - craigmichaelmartin


रास्टर छवि को प्रस्तुत करने के विकल्प के रूप में, आप एक एसवीजी एम्बेड कर सकते हैं:

https://gist.github.com/CyberShadow/95621a949b07db295000

दुर्भाग्यवश, भले ही आप .svg फ़ाइल खोलते समय पाठ का चयन और प्रतिलिपि बना सकते हैं, एसवीजी छवि एम्बेडेड होने पर पाठ चयन योग्य नहीं है।


12
2018-06-30 15:52



दिलचस्प। कैप्शन टेक्स्ट के लिए अभी भी उपयोगी है :) - erm3nda