viernes, 28 de junio de 2013

Markdown: enfócate en el texto

Soy bloguero (acepción castellanizada de la palabra blogger). A medida que he ido evolucionando con mis artículos, he sentido la necesidad de trabajar de forma más sencilla y cómoda, minimizando las herramientas y la ergonomía del trabajo.

Voy a explicar en este artículo lo que es “Markdown” (en español, anotar), un lenguaje de marcado ligero para escribir texto con formato, pero sin perder el foco en lo importante: el texto. Markdown nos permite escribir texto plano, en el que, insertando unas marcas sencillas, puedes leer y trabajar de forma focalizada sobre el texto de forma focalizada, pero que finalmente se verá con formato en XHTML.

Por ejemplo, ¿qué te resulta más sencillo para escribir y leer, esto

<strong>Texto en negrita</strong>

o esto otro?

** Texto en negrita **

Sin lugar a dudas, el segundo texto.

Markdown fue creado por John Gruber y Aaron Swartz. En un principio fue implementado por Gruber en el lenguaje de programación Perl, pero después fue extendiéndose a otros lenguajes.

Pero lo realmente importante es que a los blogueros nos permite escribir artículos de forma que nos enfoquemos en el texto, sin perder la concentración y sin distraernos con otros elementos de marcado o de la herramienta, lo que repercute en una mayor productividad y eficiencia. A mí, por ejemplo, me gusta escribir los borradores de mis posts en una herramienta llamada Draft, la cual permite el uso de Markdown. Primero escribo el texto plano, sin marcado. En una revisión posterior realizo el marcado en aquellos puntos que me interesa o necesito. Después vuelvo a revisar todo, pero centrándome especialmente en el texto. Por último, vuelco definitivamente el texto en mi blog.



Para los programadores de páginas Web, resulta muy útil, pues en lugar de escribir tags extensos se escribe un signo. Esto también evita muchos errores y evita también confusión cuando hay mucho texto con formato.

Sintaxis de Markdown

La sintaxis de Markdown es muy sencilla. He aquí algunos ejemplos básicos:

Título de Nivel 1 (H1)
======================

Título de Nivel 2 (H2)
----------------------

# Título de nivel 1 (H1)
## Título de nivel 2 (H2)
### Título de nivel 3 (H3)

*Texto en Cursiva* (em)

**Texto en Negrita** (strong)

Utiliza comilla simple a derecha para escribir código, como `<strong>` o `&nbsp;`

* Elemento 1 en lista no ordenada (ol y li)
* Elemento 2 en lista no ordenada (se puede usar con *, + y -)

Párrafo normal

1. Elemento 1 en lista enumerada (ul y li)
2. Elemento 2 en lista enumerada

> Ejemplo de Cita (blockquote)

Enlace a [este blog](http://rafinguer.blogspot.com "Título del enlace")

![texto alternativo](http://rafaelhernamperez.files.wordpress.com/2013/05/rafa-feliz-ok.jpg "título de la imagen")





Enlaces de interés

Proyecto Markdown | Página oficial sobre Markdown de John Gruber
Sintáxis básica | Sintáxis básica de Markdown
Sintáxis completa | Guía completa de sintaxis de Markdown
Infografía | Infografía de la sintáxis de Markdown (PDF)
Dingus | Conversor online de Markdown a XHTML y vista previa
Wikipedia | Artículo sobre Markdown en la Wikipedia