cómo configurar resaltador de sintaxis en blogger

cómo configurar resaltador de sintaxis en la nueva interfaz de blogger. Lo intenté con muchas opciones, pero hasta que no funcionó. Por favor, dar cualquier sugerencia.cómo configurar resaltador de sintaxis en blogger

Fuente

2012-04-26 Anil

¿Por qué cerrar la pregunta? Si la pregunta es vaga, se puede editar. Las respuestas son buenas y ayudaron a resolver el problema que se plantea. Tal vez mover esto a webapps.stackexchange.com? – hanxue

Motivo cerrado absolutamente estúpido y contradictorio, muy normal para el SO.Para resaltar la sintaxis en blogger, usa incrustación de código github gist, la forma en que publicas en youtube y videos incrustados. – Val

Creo que su guía está disponible en su propio sitio ... por cierto, debería ver el armario de contenido social para blogger aquí --- http: //stackoverflow.com/questions/27619171/social-content-locker-for-blogger -com-blogs-is-it-possible –

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

Es un "SyntaxHighlighter para Blogger" muy fácil tutorial con capturas de pantalla y todo.

Debería estar en funcionamiento en solo unos minutos.

Además, el tutorial se basa en la "nueva interfaz" a la que se refiere.

Espero que esto ayude. Feliz codificación.

Fuente

2012-04-29 17:52:32

Este enlace es genial. Lo he usado para incorporar el resaltado de código en mi [Blog de desarrollo de software] (http://www.ayp-sd.blogspot.com). Lo único que debe saber es que el código resaltado aparecerá solo después de publicar la publicación. Si solo lo previsualiza, el código no se resaltará. Este comportamiento me confundió un poco al principio. –

Tuve problemas, y este me funcionó. Solo desearía que fuera una guía usando el autocargador. – Xarcell

125

1. En primer lugar, tener copia de seguridad de su plantilla blogger
2. Después de que abra la plantilla blogger (En el modo de edición HTML) & copiar el given in this link todos los CSS antes </b:skin> etiqueta
3. Pega el código followig antes </head> etiqueta

<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. pegar el siguiente código antes </body> etiqueta.

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

5. Guardar plantilla de Blogger.
6. Ahora el resaltado de sintaxis está listo para usar, puede usarlo con la etiqueta <pre></pre>.

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

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

7. se puede escapar de su código here.
8.Here es la lista de idioma admitido para atributo.

Fuente

2012-06-01 10:44:37

Gracias @Mahesh .. :) Hizo el trabajo por mí. –

Eliminando algunos .js como "" acelerar el tiempo de carga de la página drásticamente – Deepscorn

Google el código se va a cerrar Por lo tanto, esto podría no funcionar más – Jalal

Dependiendo de su plantilla, el código JavaScript SyntaxHighlighter puede ejecutarse antes de que se cargue el contenido. En ese caso, cambiar el código para ejecutar después de un corto tiempo de espera debería solucionar el problema. Pruebe esto en el <head> de su plantilla HTML:

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

Usted puede agregar una mayor personalización de los valores predeterminados antes de la llamada a ScriptHighlighter.all().

Si desea personalizar la apariencia de la pantalla de código SyntaxHighlighter, añadir un poco de CSS como esto:

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

El !important es necesario ignorar las definiciones de tema SyntaxHighlighter.

Fuente

2013-03-10 22:40:41 grkvlt

cómo configurar resaltador de sintaxis en blogger

Respuesta

Cuestiones relacionadas