मैं अपने Tumblr ब्लॉग में रंग-कोडित अजगर स्निपेट कैसे दिखा सकता हूं


जवाबों:


14

यदि आपके पास बहुत सारे हैं, तो मैं कहूंगा कि Google-code-prettify के लिए जाना चाहिए ।

आपको बस कुछ जावास्क्रिप्ट, सीएसएस को शामिल करना है और फिर आप काम कर रहे हैं।

कुछ उदाहरण देखें और यहाँ सेटअप है:

  1. एक वितरण डाउनलोड करें
  2. अपने दस्तावेज़ में स्क्रिप्ट और शैलियों को शामिल करें (आपको यह सुनिश्चित करने की आवश्यकता होगी कि आपके सर्वर पर सीएसएस और जेएस फ़ाइल है, और स्क्रिप्ट और लिंक टैग में पथ समायोजित करें)
    • <link href="prettify.css" type="text/css" rel="stylesheet"/>
    • <script type="text/javascript" src="prettify.js"></script>
  3. अपने दस्तावेज़ के बॉडी टैग में onload = "prettyPrint ()" जोड़ें।
  4. रंग पसंद करने के लिए स्टाइलशीट को संशोधित करें

इस पद्धति के साथ एकमात्र समस्या यह है कि यह आपको अपने codeटैग को एक विशिष्ट के साथ चिह्नित करने की उम्मीद करता है class, जो कि आप मार्किंग सिंटैक्स का उपयोग कर रहे हैं तो अच्छा नहीं है। सौभाग्य से, यह पृष्ठ लोड पर जेएस का उपयोग करने के लिए एक समस्या नहीं है।
म्लादेन जबलानोविक

8

आप hilite.me का उपयोग कर सकते हैं

hilite.me आपके कोड स्निपेट्स को सुंदर मुद्रित HTML प्रारूप में परिवर्तित करता है, जो आसानी से ब्लॉग पोस्ट, ईमेल और वेबसाइटों में एम्बेड किया जा सकता है।
बस स्रोत कोड को बाएं फलक में कॉपी करें, भाषा और रंग योजना का चयन करें, और "हाइलाइट!" पर क्लिक करें। दाएँ फलक से HTML अब आपके ब्लॉग या ईमेल पर चिपकाया जा सकता है, किसी बाहरी CSS या जावास्क्रिप्ट फ़ाइलों की आवश्यकता नहीं है।

7

मैं Github का उपयोग सार यह करने के लिए। में चिपकाएँ और gist बनाएँ और फिर आप उन्हें tumblr सहित किसी भी वेब पेज में एम्बेड कर सकते हैं।


यहां एक समस्या है, इसे JS की आवश्यकता है ताकि यदि कोई उपयोगकर्ता इसे सक्रिय नहीं करता है, या यदि कोई उपयोगकर्ता खोज बॉट है, तो आपका कोड अदृश्य रहता है।
म्लादेन जेबलानोविक

काश मैं इसे एक से अधिक बार उखाड़ सकता। @ MladenJablanović आप आजकल जावास्क्रिप्ट के बिना अधिकांश वेब का उपयोग नहीं कर सकते। मुझे लगता है कि यह वास्तव में कोई मुद्दा नहीं है।
ऑक्टेवियन ए। डामियन

क्या आप ऐसा करने के बारे में अधिक विस्तार दे सकते हैं? मैंने अभी-अभी इसकी कोशिश की और एम्बेड को scriptतत्वों के रूप में प्रस्तुत करता है - Tumblr इनसे बच जाता है, भले ही आप HTML मोड का उपयोग करें। कोई विचार?
cottsak
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.