क्या मुझे रंगीन कोड स्निपेट सक्षम करने के लिए, मेरे जेकिल ब्लॉग के लिए पेंगल्स से एक सीएसएस फ़ाइल जेनरेट करने की आवश्यकता है?

Question

यह जैकिल और पायगल्स का उपयोग करने का मेरा पहला समय है। लेकिन मुझे नहीं पता कि रंगीन कोड स्निपेट कैसे डालें।

मैं सफलतापूर्वक Pygments स्थापित, सरकारी चरणों का पालन, इस तरह markdown साथ:

{% highlight ruby %} 
def foo 
    puts 'foo' 
end 
{% endhighlight %} 

मैं कक्षाओं सहित HTML स्रोत कोड को देखने, लेकिन वहाँ इस स्निपेट के लिए कोई रंग है।

क्या मुझे कुछ सीएसएस फ़ाइलों को पेंग से उत्पन्न करने और उन्हें शामिल करने की आवश्यकता है? और कैसे?

Answer 1

आप

syntax.css

तुम मेरे रेपो https://github.com/madhur/madhur.github.com/blob/master/files/css/syntax.css

से नमूना ले जा सकते हैं और फिर अपने विषय के अनुसार इसे अनुकूलित शामिल करने के लिए की जरूरत है। मेरा अंधेरे पृष्ठभूमि के लिए अनुकूलित किया गया है।

Answer 2

हां, कोड को हाइलाइट करने के लिए आपको या तो सीएसएस कक्षाएं स्थापित या निर्माण करने की आवश्यकता है पेंगल्स दिखाई देता है। Pygments स्थापित करने के बाद, इस कमांड लाइन से निम्नलिखित चलाकर किया जा सकता है:

pygmentize -S default -f html > pygments.css 

यह आपके वर्तमान निर्देशिका में डिफ़ॉल्ट के साथ एक pygments.css फ़ाइल बनाने जाएगा; pygments -L style सभी उपलब्ध शैलियों की सूची देगा।

आप अपने HTML पेड़ में इस ले जा सकते हैं या तो और यह फोन एक इसी के साथ:

<link rel="stylesheet" type="text/css" href="/path/to/pygments.css"> 

या, pygments.css की सामग्री की प्रतिलिपि और एक मौजूदा शैली पत्रक में रखें। वह आपको शुरू कर देगा। उचित रूप से अनुकूलित करने के लिए आप वहां से सीएसएस को संपादित कर सकते हैं।

---

दो टिप्पणियां:

1. आप शायद पहले से ही इस किया है, लेकिन लोग हैं, जो Jekyll और Pygments के लिए नए हैं के लाभ के लिए, तो आप शायद यह भी जोड़ना होगा पाइगल्स काम करने के लिए pygments: true आपकी _config.yml फ़ाइल पर। (या, jekyll --pygments जो एक ही प्रभाव पड़ता है साथ Jekyll चलाते हैं।)

2. मूल Jekyll installation documentation कैसे Pygments काम कर जब यह सवाल पूछा गया था प्राप्त करने के बारे में बहुत स्पष्ट नहीं था। तब से मैंने स्पष्ट रूप से स्पष्ट चीजों की सहायता करने के लिए 'पेंगुर्स उपयोग' अनुभाग जोड़ा।