2012-09-17 16 views
13

पर काम नहीं करता है मैं कुछ घंटे के लिए ब्लॉगर पर सिंटेक्स हाइलाइटर 3.0.83 स्थापित करने का प्रयास कर रहा हूं। मैंने कई ट्यूटोरियल की कोशिश की है लेकिन यह अभी भी काम नहीं करता है। मेरा मतलब है कि यह सामान्य टैग के रूप में सामान्य टैग डाला गया है।ब्लॉगर सिंटेक्स हाइलाइटर सभी

मैं एक नया ब्लॉग बनाया और चिपकाया:

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css'  rel='stylesheet' type='text/css'/> 
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js'  type='text/javascript'></script> 
<script language="javascript" type="text/javascript"> 
SyntaxHighlighter.config.bloggerMode = true; 
SyntaxHighlighter.all(); 
</script> 

... सिर टैग को बंद करने से ठीक पहले। उपरोक्त चिपकाया गया कोड यहां जेनरेट किया गया था: generator

अजीब बात यह है कि यह मेरे अपने HTML दस्तावेज़ में काम करता है। उदाहरण के तौर पर:

<html> 
<head> 
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/> 
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'></script> 
<script language="javascript" type="text/javascript"> 
    SyntaxHighlighter.config.bloggerMode = true; 
    SyntaxHighlighter.all(); 
</script> 
</head> 
<body> 
<pre class='brush:java;'>import gt.memorize; 
public class Test 
{ 
    private static final String test = "test"; 
}</pre> 
</body> 

</html> 

लेकिन वही प्री टैग ब्लॉगर पर काम नहीं करता है। त्वचा टैग:

मैं भी ख के अंत में

<script language="javascript" type="text/javascript"> 
    SyntaxHighlighter.config.bloggerMode = true; 
    SyntaxHighlighter.all(); 
</script> 
शरीर और चिपकाने शैलियों के अंत में

चिपकाने की कोशिश की है। न तो काम करता है। और मैं कोड को कंपोज़ भाग में पेस्ट नहीं करता :) मैं बहुत उलझन में हूं इसलिए किसी भी मदद की अत्यधिक सराहना की जाएगी।

+0

अपने ब्लॉग पोस्ट पर केवल पूर्व टैग किए गए कोड को डालने का प्रयास करें (परीक्षण उद्देश्य के लिए)। इसके अलावा, सिंटेक्स हाइलाइटर पूर्वावलोकन और गतिशील दृश्य (tweaks की आवश्यकता) पर काम नहीं करता है। –

उत्तर

9

मुझे एक ही समस्या थी। SyntaxHighlighter स्थापित करने के लिए निर्देश काफी आसान लग रहा था। और सभी ट्यूटोरियल कम से कम तुलनात्मक थे, "मेरे ब्लॉग पर यह काम करता है, अगर यह आपके लिए काम नहीं करता है तो आपको कुछ गलत करना होगा"। मेरे लिए कुछ भी काम नहीं किया, मुझे कोई हाइलाइट नहीं मिला।

समाधान अन्य ब्लॉगर टेम्पलेट पर स्विच करना था। यह मैंने चुने गए गतिशील टेम्पलेट के साथ काम नहीं किया। एक साधारण टेम्पलेट पर स्विच करने से चाल थी। हाइलाइटिंग अब काम करता है।

वैसे: त्रुटियों का पीछा करते समय मैंने एक विकल्प के रूप में Prettify भी कोशिश की। यह भी काम नहीं किया। ऐसा लगता है कि गतिशील टेम्पलेट ने ऐसा कुछ किया जो सिंटैक्स हाइलाइटर्स दोनों विफल होने का कारण बनता है।

+0

इस बारे में सोचा नहीं है। मैंने केवल गतिशील टेम्पलेट्स की कोशिश की है। धन्यवाद। –

18

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

<pre class="brush: js" title="test" id="sh3-123"> 
var f = function() { 
    return 1; 
}; 
</pre> 

<script type="text/javascript"> 
// code snippet is loaded here, use SH3 API to highlight it 
var element = document.getElementById('sh3-123'); 
SyntaxHighlighter.highlight(undefined, element); 
</script> 
+0

+1 ने समस्या को हल किया है, मैं गतिशील टेम्पलेट – walter

+0

+1 का उपयोग कर रहा हूं, यह काम करता है, thx! –

+0

आप टेम्पलेट में थोड़ी देर के बाद सेटअप कोड चला सकते हैं - http://stackoverflow.com/questions/6849890/syntax-highlighter-3-0-not-working-on-blogspot/15328620#15328620 पर मेरा उत्तर देखें – grkvlt

4

पोस्ट आपकी स्निपेट्स at gisthub और यूट्यूब वीडियो की तरह एम्बेड (कॉपी एचटीएमएल embedding कोड

enter image description here

और अपनी पोस्ट में पेस्ट करें)। देखा! (छवि सौजन्य http://www.restlessprogrammer.com/2013/02/adding-code-snippets-to-your-blog.html)

+0

मैं तुमसे प्यार करता हूँ आदमी! :) यह सुझाव मेरे दिन बनाते हैं! – LongTTH

2

स्टीफन के उत्तर के समान, मैं इसे अपने ब्लॉगर खाते में काम करने में सक्षम था जो सरल टेम्पलेट का उपयोग करता है। <head>

2 में CSS और JS फ़ाइलों आयात करने के लिए

टैग <link> 1.Put और <script>:

मैं इस तरह किया था।,

<script language="javascript">  
      SyntaxHighlighter.config.bloggerMode = true; 
      SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf'; 
      SyntaxHighlighter.all(); 
</script> 

यही एक रास्ता है कि मैं यह काम करने के लिए सक्षम था, जिसमें # 2 के रूप में स्टीफन ने उल्लेख शायद मुद्दा bootstrap की वजह से है इसलिए जरूरत है: तो फिर जे एस स्क्रिप्ट को प्रारंभ या <body> में हाइलाइटर कॉल डाल इसे शरीर में रखने के लिए। यहां my blog post which uses this and successfully displays the Javascript

1

हालांकि मूल प्रश्न का उत्तर दिया गया है, लेकिन मैंने सिंटैक्स को विफलता को हाइलाइट करने के कारण एक अलग मुद्दे पर ठोकर खाई है, और सोचा कि किसी के लिए यहां समाधान का उल्लेख करना उपयोगी हो सकता है।

मैंने पाया कि ब्लॉगर पूर्वावलोकन डिफ़ॉल्ट रूप से https: // के साथ पोस्ट खोलता है, जो https के सभी पृष्ठ लिंक को बल देता है। Alexgorbatchev की होस्टिंग से स्टाइलशीट का उपयोग करते समय जो उन्हें लोड करने में विफलता का कारण बनता है, इसलिए हाइलाइटिंग काम नहीं करेगी। वे त्रुटियां डेवलपर टूल कंसोल में दिखाई देती हैं।

फिलहाल यह समस्या केवल ब्लॉगर डोमेन के तहत ब्लॉग के साथ दिखाई दे सकती है, क्योंकि कस्टम डोमेन के साथ कोई https समर्थन नहीं है। साथ ही, https के साथ सार्वजनिक पहुंच डिफ़ॉल्ट रूप से अक्षम होती है, इसलिए यह मुख्य रूप से पोस्ट पूर्वावलोकन के साथ एक समस्या है, जिसे आसानी से काम किया जा सकता है। यदि https द्वारा सार्वजनिक पहुंच सक्षम है, हालांकि, हाइलाइटिंग काम नहीं करेगी।

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