wie man Syntax Highlighter auf Blogger

wie man Syntax Highlighter auf Blogger neue Schnittstelle einrichten.Ich habe versucht mit vielen Optionen, aber bis nicht funktioniert.Klicken Sie irgendwelche Vorschläge.wie man Syntax Highlighter auf Blogger

Quelle

2012-04-26 Anil

Warum schließen Sie die Frage? Wenn die Frage vage ist, kann sie bearbeitet werden. Die Antworten sind gut und halfen, das gestellte Problem zu lösen. Vielleicht verschieben Sie dies zu webapps.stackexchange.com? – hanxue

Absolut dumm und widersprüchlich engen Grund, sehr normal für die SO.Verwenden Sie zur Syntaxhervorhebung in Blogger die Einbettung von github gist code, die Art, wie Sie auf youtube posten und Videos einbetten. – Val

Ich denke, seine Anleitung zur Verfügung auf ihrer eigenen Website .. übrigens sollten Sie auf Social-Content-Schließfach für Blogger hier aussehen --- http: //stackoverflow.com/questions/27619171/social-content-locker-for-blogger -com-blogs-is-it-possible –

Kasse http://oneqonea.blogspot.com/2012/04/how-do-i-add-syntax-highlighting-to-my.html

Es ist ein wirklich einfach "Syntax für Blogger" Tutorial mit Screenshots und alles.

Sie sollten in wenigen Minuten betriebsbereit sein.

Außerdem ist das Tutorial um die "neue Schnittstelle" aufgebaut, auf die Sie sich beziehen.

Hoffe, das hilft. Glückliche Kodierung.

Quelle

2012-04-29 17:52:32

Dieser Link ist großartig. Ich habe es verwendet, um Code-Highlighting in meinem [Software Development Blog] (http://www.ayp-sd.blogspot.com) zu integrieren. Das einzige, was Sie beachten sollten, ist, dass der markierte Code erst erscheint, nachdem Sie den Post veröffentlicht haben. Wenn Sie nur eine Vorschau anzeigen, wird der Code nicht hervorgehoben. Dieses Verhalten hat mich am Anfang etwas verwirrt. –

Ich hatte Probleme, und diese funktionierte für mich. Ich wünschte nur, es wäre eine Anleitung mit dem Autoloader. – Xarcell

125

1. Zuerst nehmen Backup Ihrer Blogger-Vorlage
2. Danach Ihre Blogger-Vorlage öffnen (im HTML bearbeiten-Modus) & das Kopieren aller CSS given in this link vor </b:skin> Tag
3. Paste die followig Code vor </head> Tag

<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'></script> 
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js' type='text/javascript'></script> 
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js' type='text/javascript'></script> 
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'></script> 
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js' type='text/javascript'></script> 
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js' type='text/javascript'></script> 
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js' type='text/javascript'></script> 
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js' type='text/javascript'></script> 
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js' type='text/javascript'></script> 
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js' type='text/javascript'></script> 
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js' type='text/javascript'></script> 
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js' type='text/javascript'></script> 
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js' type='text/javascript'></script>

4. Fügen Sie den folgenden Code vor </body> tag.

<script language='javascript'> 
dp.SyntaxHighlighter.BloggerMode(); 
dp.SyntaxHighlighter.HighlightAll('code'); 
</script>

5. Speichern Blogger Template.
6. Jetzt Syntax-Highlighting ist bereit zu verwenden Sie können es mit <pre></pre> Tag verwenden.

<pre name="code"> 
...Your html-escaped code goes here... 
</pre> 

<pre name="code" class="php"> 
    echo "I like PHP"; 
</pre>

7. können Sie entgehen Code here.
8.Here ist eine Liste der unterstützten Sprache für <class> Attribut.

Quelle

2012-06-01 10:44:37

Danke @Mahesh .. :) Hat den Job für mich erledigt. –

Entfernen von einigen .js wie "" beschleunigen Ladezeit der Seite drastisch – Deepscorn

Google Code wird heruntergefahren. So funktioniert das nicht mehr – Jalal

Je nach Vorlage kann der SyntaxHighlighter-JavaScript-Code ausgeführt werden, bevor der Inhalt geladen wurde. In diesem Fall sollte das Ändern des Codes, der nach einer kurzen Zeitüberschreitung ausgeführt werden soll, das Problem beheben. Versuchen Sie, dies in der <head> Ihrer Vorlage HTML:

<script type="text/javascript"> 
window.setTimeout(function() { 
    SyntaxHighlighter.config.bloggerMode = true; 
    SyntaxHighlighter.all(); 
}, 10); 
</script>

Sie hinzufügen können, die weitere Anpassung der Standardwerte vor dem Aufruf von ScriptHighlighter.all().

Wenn Sie das Aussehen anpassen möchten und fühlen des Syntax-Code-Anzeige, fügen Sie einige CSS wie folgt aus:

.syntaxhighlighter code { 
    font-family: Consolas !important; 
    font-size: 10px !important; 
}

Die !important ist notwendig, um die Syntax Thema Definitionen außer Kraft zu setzen.

Quelle

2013-03-10 22:40:41 grkvlt

wie man Syntax Highlighter auf Blogger

Antwort

Verwandte Themen