Categorías
Wordpress

Qué es Markdown y cómo usarlo en tu blog (primera parte)


En los últimos meses se han multiplicado exponencialmente las aplicaciones y servicios que utilizan Markdown, el último y más interesante ejemplo es el de Ulysses y Daedalus Touch que ya vimos hace unos días. Pero, ¿qué es Markdown y como puedes usarlo en tu blog? Y sobre todo, ¿qué ventajas tiene sobre el HTML?

En esta primera parte vamos a ver cómo escribir Markdown y aplicarlo a la publicación de posts en un blog de WordPress. En una segunda parte hablaremos de las herramientas disponibles para poder establecer un flujo de trabajo adecuado y productivo con Markdown.

Markdown es un lenguaje de marcado y formateo de textos creado originalmente por John Gruber y Aaron Swartz, que sustituye la necesidad de teclear etiquetas HTML por símbolos corrientes, lo que facilita la legibilidad de los textos, así como la productividad a la hora de escribir.

Cómo escribir Markdown

Escribir tus textos o posts en Markdown es muy sencillo, basta con aprenderse algunas pocas reglas básicas.

Negrita

Para destacar texto en negrita se usan dos asteriscos a cada lado del texto:

Esto es un texto en **negrita**

Lo que da como resultado:

Esto es un texto en negrita

Cursiva

Para destacar texto en cursiva se usa un asterisco:

Esto es un texto en *cursiva*

Lo que da como resultado:

Esto es un texto en cursiva

Blockquotes

Para indicar que un párrafo es una cita (blockquote) ponemos un paréntesis angular o chevron:

>Horas que parecen meses, días como años, viví una época dorada, pisé las orillas de un nuevo mundo

Que da como resultado:

Horas que parecen meses, días como años, viví una época dorada, pisé las orillas de un nuevo mundo

Títulos

Los títulos, es decir, las etiquetas HTML h1, h2, h3, etc., se indican con almohadillas. Una almohadilla para los títulos de primer nivel, dos para los de segundo nivel, etc.

### Esto es un título de tercer nivel

Sería el equivalente de:

Esto es un título de tercer nivel

No hay límite para la jerarquía de títulos, aunque posiblemente no vayáis a usar más del quinto nivel.

Enlaces

Los enlaces se insertan utilizando corchetes para el anchor text y paréntesis para el link, sin dejar ningún espacio entre ambos:

[Guillermo Carvajal](http://guillermocarvajal.net)

Es lo mismo que el mucho más complicado HTML:

<a href="http://guillermocarvajal.net">Guillermo Carvajal</a>

Imágenes

Las imágenes se insertan de igual manera que los enlaces, salvo que llevan una exclamación delante:

![Nombre de imagen](https://www.labrujulaverde.com/unaimagen.jpg)

Listas sin ordenar

Para producir las clásicas listas que utilizamos en HTML enmarcándolas entre etiquetas ul y li, en Markdown simplemente debemos colocar un asterisco al comienzo de cada item:

* primer item de la lista

* segundo item de la lista

* tercer item de la lista

Listas ordenadas

Del mismo modo, para producir las listas numeradas sólo hay que colocar al comienzo de cada item el número que le corresponde:

1 este es el primer item de la lista

2 este es el segundo item de la lista

3 este es el tercer item de la lista

Incluso es posible anidar varias listas, mezclando listas ordenadas y desordenadas.

Código

Para indicar que un texto debe ser mostrado como código simplemente hay que colocar al comienzo y al final una tilde grave `.

Cómo usar Markdown en tu blog de WordPress

El principal problema de escribir tus posts con Markdown en el dashboard de WordPress es que necesitas que el sistema lo interprete para mostrar en el blog su equivalente en código HTML.

Para eso existe un plugin llamado Markdown On Save Improved que realiza esa función. A mi me gusta este plugin, hay muchos otros, porque tiene una característica muy interesante: guarda tanto la versión markdown en que ha escrito el post como la versión HTML, de modo que si algún día decides desinstalarlo se mantendrá la versión HTML y no tendrás ningún problema.

Además si en algún momento quieres escribir en HTML puedes marcar la opción de desactivar markdown para el post específico que estás redactando.

Por defecto el markdown está activado, lo que facilita la publicación desde herramientas externas, que veremos en la segunda parte de este post, desde tu mac, el iPhone o el iPad.