Páginas

31 ago. 2012

Publicar código fuente en Blogger

Tengo pensado escribir unos cuantos artículos que requerirán copiar código fuente, cosas en Java y xml para Android, y cosas en C# sobre TDD, tests unitarios, patrones de diseño, principios SOLID y GRASP sobre las que ya tengo ejemplos prácticos pero lo primero que necesito es una forma "bonita" de publicar código en cada artículo. 

Éste medio día en muy poco tiempo me he encontrado con SyntaxHighlighter, que es el plugin que recomiendan todos los bloggers desarrolladores o diseñadores gráficos para colgar código en su web. Éste sencillísimo tutorial de tan sólo dos pasos vale tanto para Blogger como para cualquier web o editor de contenido.

1.- Introducir el siguiente código encima del cierre de </head>, en blogger  vamos a Plantilla --> Editar HTML, aceptamos y buscamos </head>:



















2.- Una vez has guardado eso en la plantilla de tu página web tan sólo tienes que incluir tu código dentro de una etiqueta <pre> con el siguiente formato:
HTML:
Tu código HTML iría aquí
CSS:
Tu código css iría aquí
C#:
// Aquí tu código en C#
public class PosteandoConClase()
{
}

Añadiré un detalle, para ocultar los números de línea habría que añadir en class "gutter: false" y para mostrar los controles "showControls:true", el comienzo de la etiqueta que envuelve al código quedaría, para HTML, así:

Y nada más de momento, sólo decir que hay muchas maneras de personalizar como se muestra el código pero eso, por ahora, es lo de menos.

Un saludo.

No hay comentarios:

Publicar un comentario