2009-10-29 16 views
24

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

मैं इसे अपने ब्लॉगर ब्लॉग पर कैसे पूरा कर सकता हूं?

+3

superuser.com पर निर्भर करता है। यह प्रोग्रामिंग नहीं है, यह ब्लॉगर का उपयोग करने के बारे में है। – GEOCHET

+0

इसे लोगों को वोट न दें ... इसे बंद करें! यह आपको एक बुराई व्यक्ति नहीं बनाता !!! –

+1

पृथ्वी पर क्यों आप इसे बंद करना चाहते हैं? यह यहां है। –

उत्तर

20

क्लिक करें अपने HTML के <head> अनुभाग में निम्न सम्मिलित करें:

<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js"></script> 
<script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js"></script> <script type="text/javascript" src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shLegacy.js"></script> 
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css" /> 
<link type="text/css" rel="stylesheet" href="http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css" />  <script language="javascript"> 
window.onload = function() { 
    dp.SyntaxHighlighter.ClipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf'; 
    dp.SyntaxHighlighter.HighlightAll('code'); 
    dp.SyntaxHighlighter.BloggerMode(); 
} 
</script> 

और <body> में निम्नलिखित भी आप अपने कोड रखना चाहते हैं :

<pre class="brush: ruby" name="code"># Your Ruby Code</pre> 
+1

हाय .. क्या आपके लिए सीएसएस एन जावास्क्रिप्ट देना संभव है जिसका उपयोग स्टैक ओवरफ्लो कोड के लिए किया जाता है। स्टैक ओवरफ्लो में प्रदर्शित कोड अद्भुत हैं .. कोई सुझाव? –

+1

मेरा ब्लॉग आपको बहुत धन्यवाद देता है :) http://code-like-a-poem.blogspot.in/2013/04/angularjs-tutorial-2- संरचना-and.html बस एक नोट, अधिक ब्रश http के लिए : //alexgorbatchev.com/SyntaxHighlighter/manual/brushes/ –

+0

मैंने इसे अपने ब्लॉग में जोड़ा ([http://cosgunvistas.blogspot.in] (http://cosgunvistas.blogspot.in)) और ठीक काम करता है। मैंने कुछ और ब्रश भी जोड़े और [custome theme theme] [http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/) का उपयोग किया। –

3
+0

मैं अपने ब्लॉगर ब्लॉग – Anand

+3

में उनका उपयोग कैसे करूं आपके पहले लिंक में सिंटैक्स हाइलाइटर एक पुराना संस्करण है। – sfarbota

+0

सिर्फ लिंक का उत्तर खराब फॉर्म है, क्योंकि लिंक मर जाते हैं ... – Julix

1

लिंक एलेक्स Reitbort आप निम्नलिखित ट्यूटोरियल में से एक का उपयोग कर अपने ब्लॉगर ब्लॉग में इस एकीकृत कर सकते हैं प्रदान की का उपयोग करना:

http://heisencoder.net/2009/01/adding-syntax-highlighting-to-blogger.html
http://yacoding.blogspot.com/2008/05/how-to-add-syntax-highlight-to-blogger.htmlपर "HTML संपादित करें" ब्लॉगर में और फिर http://abhisanoujam.blogspot.com/2008/12/blogger-syntax-highlighting.html

+2

मैं वास्तव में आपके संपादन को समझ नहीं पा रहा हूं। क्या आपके पास स्वरूपण के साथ अनावश्यक रूप से नापसंद करने की तुलना में बेहतर चीजें नहीं हैं जब तक कि यह आपकी व्यक्तिगत प्राथमिकता को पूरा न करे? –

+0

नहीं कह सकता कि मुझे रिच बी द्वारा छोड़ा गया शत्रुतापूर्ण सारांश सारांश पसंद है। "पूर्वावलोकन या कुछ भी ध्यान देने पर परेशान मत हो ..." अच्छा। – mensch

+0

किसी के लिए मेन्च कहा जाता है, आपको पूर्णता की इच्छा होनी चाहिए। –

2

SyntaxHighlighter जाने का रास्ता है, लेकिन यहाँ सब को देखते हुए लिंक मेरे लिए काम नहीं किया।

मुझे ब्लॉगर में नवीनतम 3.x संस्करण स्थापित करने के लिए एक पूर्ण, 2 चरण मार्गदर्शिका मिली जो वास्तव में here काम करती है।

+0

स्वीकार्य उत्तर होना चाहिए था, उदाहरण के लिए धन्यवाद लिंक =] –

+0

यहां लिंक अब अच्छा नहीं है – unflores

0

गतिशील रूप से रनटाइम पर कोड वाक्य रचना शैली बनाने के लिए जावास्क्रिप्ट का उपयोग कर के साथ इस मुद्दे हैं:

  1. पृष्ठ धीरे-धीरे लोड
  2. दिखाया गया कोड की प्रारंभिक नज़र कच्चे प्रारूप
  3. नेवर्स काम करता है जावास्क्रिप्ट है में है अक्षम

बेहतर तकनीक केवल कुछ कनवर्टर्स का उपयोग करके जेनरेट की गई HTML को पेस्ट करना होगा।

Online Syntax Highlight Generator Tool

codeworkout.blogspot.com/2014/07/online-generator-tool-for-code-syntax_18.html

0

मैं एक वेबसाइट जो ब्लॉगर संगत प्रारूप करने के लिए अपने कोड में कनवर्ट करता पाया। यह मेरी ज़रूरत को पूरा करता है और लगभग कोई समय नहीं लेता है।

http://codeformatter.blogspot.de/2009/06/bugs-fixed.html

संबंधित मुद्दे

 संबंधित मुद्दे