En un post anterior, les platiqué de mis eternos problemas para insertar snippets de código en este humilde blog. En aquella ocasión había llegado a la conclusión que “Gist”:http://gist.github.com era la herramienta perfecta pero la verdad es que tiene un defecto: el código no se ve en el feed.
Así que se me ocurrió que no era necesario para nada escribir el código “a mano” en el post (lo cual apesta) sino que es más fácil subirlo WordPress, adjuntarlo al post y luego usar un plugin para colorear el código. Y aqui les presento éste plugin.
Bueno, lo presento despues del salto.
CodeHere funciona de esta manera:
- Instalas el plugin.
- Creas tu código de ejemplo en un archivo en tu editor de código favorito.
- Lo adjuntas a tu post usando el dialogo “Upload/Insert” (el mismo que usas para adjuntar fotos) pero no insertas nada, solo copias el nombre del archivo.
- Lo insertas en tu post mediante un sencillo shortcode: [codehere].
Así que suponiendo que subes un archivo llamado html5.html, lo insertarás en tú codigo escribiendo lo siguiente
[[codehere html5.html lang=html]]
Y el resultado será el siguiente:
[codehere html5.html lang=html]
Puedes tambien hacerlo mismo con css
[[codehere code.css lang=css]] [codehere code.css lang=css]
Y hasta ruby
[[codehere sinatra.rb lang=ruby]] [codehere sinatra.rb lang=ruby]
En este último caso, WordPress no permite subir archivos con extensión .rb (imagino que por cuestiones de seguridad) en este caso, el archivo tiene una extensión .rb.txt pero la parte de txt la ignoraremos en nuestro código.
El plugin “está alojado en GitHub”:http://github.com/soska/CodeHere-plugin y pueden descrgarlo la “última versión desde aquí”:http://github.com/soska/CodeHere-plugin/downloads.
Si les es de utilidad alguna, un enlace siempre se agradece.