Formato de fragmentos de código para blogs en Blogger [cerrado]
Mi blog está alojado en Blogger y con frecuencia publico fragmentos de código en C/ C#/ Java/XML etc., pero encuentro que el fragmento se "destroza".
¿Hay algún sitio web que pueda usar para analizar el fragmento de antemano y ordenar el formato, convertir XML " " <a "?< ", etc.?
Hay una serie de preguntas sobre esta área en SO, pero no pude encontrar ninguna que aborde esta pregunta directamente.
Edit:Para la respuesta de @Rich , el sitio dice "Para mostrar el código formateado en su sitio, necesita obtener esta hoja de estilo CSS y agregarle una referencia en la <head>sección de su página" . Ese es el problema: no puedes hacer esto en Blogger AFAIK.
Creé una entrada de blog que explica cómo agregar resaltado de sintaxis de código a Blogger usando Syntaxhighlighter 2.0.
Aquí está mi publicación de blog:
http://www.craftyfella.com/2010/01/syntax-highlighting-with-blogger-engine.html
Estoy bastante impresionado con lo que puede hacer.
Los enlaces anteriores dejaron de funcionar. Intenta usar http://hilite.me/
La forma más sencilla de compartir código es con una esencia pública. Simplemente escriba uno y pegue el código de inserción. Pan comido.
http://gist.github.com
Para solucionar el problema del motor de búsqueda, se puede utilizar oculto diven la página tan simple como:
<div style="display:none"> content </div>
Para mi blog utilizo http://hilite.me/ para formatear el código fuente. Admite muchos formatos y genera HTML bastante limpio. Pero si tienes muchos fragmentos de código, entonces tendrás que copiar y pegar mucho. Para formatear el código Python también he usado Pygments ( publicación de blog ).
Este script CSS puede ser útil para todos: no sirve para resaltar la sintaxis, pero funciona bien para presentar el código fuente en formato original:
<pre style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace;
color: #000000; background-color: #eee;
font-size: 12px; border: 1px dashed #999999;
line-height: 14px; padding: 5px;
overflow: auto; width: 100%">
<code style="color:#000000;word-wrap:normal;">
<<<<<<<YOUR CODE HERE>>>>>>>
</code>
</pre>
Cómo utilizar :
- Pegue este fragmento en el editor de texto,
- pegue su código en el bloque <<<<<<>>>>>>.
- Copia todo y
- pegar en la vista HTML en el editor de publicaciones de Blogger (o cualquier otro).
BENEFICIOS : Simple y fácil de usar, menos configuración, fácil de reconfigurar, sin software adicional
