Markdown, un leguaje para la redacción web

Si estás buscando información sobre ¿Qué es Markdown? tal vez sea porque quieres iniciarte en el área de la redacción para la web y medios digitales o simplemente porque quieres aprender una nueva habilidad.

No importa el motivo que tengas, en este artículo te voy a hablar un poco sobre este lenguaje de marcado utilizado hoy en día en la redacción de contenidos para medios digitales.

Markdown puede usarse para casi todo; se utiliza para crear sitios web, documentos, notas, libros, presentaciones, correos electrónicos, documentación técnica y mucho más.

No dilatemos más el tema y partamos de la premisa del lenguaje.

¿Qué es Markdown?

Markdown es un lenguaje de marcado ligero y amigable creado por John Gruber en el año 2004, su propósito es convertir el texto plano en código HTML valido. El lenguaje se creó como una alternativa para que los escritores web que no estuviesen familiarizados con el lenguaje de marcado de hipertextos (HTML) por sus siglas en inglés, tuvieran una forma más fácil de crear contenidos para páginas web.

Markdown fue creciendo en popularidad, en mayor o menor medida, gracias a la aparición de software para crear sitios web estáticos con capacidades de blog como Jekyll, por ejemplo.

A medida que esto sucedía, también surgían editores de texto con soporte nativo para el lenguaje, estos programas con interfaces gráficas permitieron un uso amigable del lenguaje, incluyendo con ello la posibilidad de exportar los documentos no solo en HTML sino también en formatos, PDF, Word, Latex, Media Wiki, Epub entre otros.

Sintaxis Markdown

La sintaxis de Markdown no es otra cosa que las reglas de escritura propias del lenguaje, este indica, por ejemplo, como tachar una palabra, poner negritas, insertar una imagen, crear listas etc.

La sintaxis que nació junto a Markdown no es un estándar, la necesidad de añadir nuevas características sobre la base creada por John Gruber y Aaron Swartz, es considerado por muchos como obsoleto, y ha dado paso a lo que se conoce como flavors o sabores, de ellos hablare más delante.

Por ahora, arranquemos por cómo dar formato a los textos haciendo uso de los caracteres sugeridos en la sintaxis de este lenguaje.

Títulos o encabezados

# Título 1
## Título 2
### Título 3
#### Título 4
##### Título 5
###### Título 6

Título 1
===
Título 2
---

Los títulos se generan con el carácter numeral (#) y la especificidad o el peso de cada uno se establece por el número de numerales que lo antecedan.

Ejemplo, si queremos un titular o encabezado H1, bastaría con anteponer un carácter de numeral, si queremos un subtítulo H2 deberían antecederlo dos y así sucesivamente hasta el último nivel que serían seis.

También hay dos caracteres de formateado con alcance para los dos primeros niveles de título, siendo estos el signo igual (=) para los títulos de nivel 1 y el guion (-) para el nivel 2.

Párrafos, negritas, cursivas y tachado de texto

Yo soy un párrafo en Markdown, **yo estoy en negritas**, *yo en cursiva*, ~~y a mí me tacharon~~

Los párrafos se escriben como en cualquier otro editor de texto, no llevan ninguna sintaxis especial, el lenguaje al detectar que el texto no lleva un carácter de formateado lo interpreta como un párrafo.

Para las negritas debes usar dos asteriscos (**) al principio y final de la palabra. También puedes usar dos guiones bajos (__) para lograr el mismo objetivo.

Como buena práctica sintáctica, si comienzas resaltando texto en negritas con el asterisco deberías mantener estos en el resto del documento.

Para las cursivas puedes usar un (*) al principio y final de la palabra, también puedes utilizar un guion bajo (_) para obtener el mismo resultado.

El texto tachado se obtiene con dos pares de virgulillas (~~) o tilde de la letra eñe, al principio y final de la palabra. Para sacar la virgulilla en el teclado presiona la combinación de teclas Alt Gr + 4.

Enlaces o links

[¿Qué es Markdown?](https://www.leninalbertop.com.ve/que-es-markdown/)

Los enlaces se establecen de la siguiente manera: [Texto ancla](url del enlace “atributo) entre los corchetes iría el texto visible y dentro de los paréntesis iría la url, si por el contrario quieres mostrar la url el marcado sería el siguiente: <url del enlace>.

Imágenes

![Markdown Logo](https://i.imgur.com/WKCZrcv.png)

El marcado para las imágenes es similar al de los enlaces, pero se debe anteponer el signo de exclamación (!) quedando de la siguiente manera: ![Texto alternativo ALT](url de la imagen).

Listas ordenadas y desordenadas

1. Lista ordenada 1
2. Lista ordenada 2
  1. Lista ordenada anidada

* Lista desordenada
   * Lista desordenada anidada

Las listas ordenadas se generan utilizando números en orden ascendente, es decir comienza con el número (1.) seguido de un punto. También puedes crear listas anidadas dentro de una lista, para ello debes aplicar un «sangrado» o tabulación para crearlas.

Las listas desordenadas se pueden generar a partir de los siguientes signos (-, +, *), puedes usar una combinación de ellos para generar tu lista desordenada. Te recuerdo que lo ideal es mantener una sintaxis coherente, yo suelo usar los asteriscos.

Bloques de citas o Blockquotes

>Esto es un bloque para citas en Markdown

Para generar bloques de citas se utiliza el signo mayor que (>).

Bloques de código y código en línea

```css
body {
  background-color: red;
}
```
`<p>Etiqueta p para párrafos en HTML</p>`

Para crear bloques de código se debe de utilizar tres pares de backticks (``````), llevando en el trio superior la referencia al lenguaje en el que se escribe.

Los bloques de código en línea se generan usando un par de backticks (``).

Tablas

| uno  | dos    | tres  |
| ---- | :----: | ----: |
| tres | dos    | uno   |
| uno  | dos    | tres  |
| tres | dos    | uno   |

Las tablas en Markdown son quizás “lo que más canas sacan”, sobre todo si estas son complejas, ya que el lenguaje no fue creado para reemplazar a HTML.

Caracteres de escape

En este punto seguro ya te has dado cuenta que, Markdown utiliza caracteres conocidos en nuestro idioma cotidiano; asteriscos, signo de exclamación, corchetes, paréntesis.

Dichos signos o caracteres son interpretados por el lenguaje como operadores de formateo y serán leídos de esta manera a menos que explícitamente le indiquemos que no lo haga.

Para lograr este fin, debemos colocar la barra invertida (\) o backslash en inglés, delate del operador de formateado. Ejemplo: \+ aquí le pido a Markdown que el signo + que sirve para crear listas, sea interpretado como eso, un signo de suma y no un elemento de formateo.

Markdown Flavors o sabores

La base original de la sintaxis creada en 2004 por Jhon y Aaron no era coherente sobre algunas reglas que trajeron consigo muchas pregunta, algunas de ellas eran.

• ¿Cuántas sangrías se necesitan para anidar una lista?
• ¿Se necesita una línea en blanco antes de una comilla o encabezado?
• ¿Se necesita una línea en blanco antes de un bloque de código sangrado?
• ¿Pueden los elementos de una lista estar vacíos?

Sin existir respuestas a estas preguntas, no faltaron los que intentaron resolver estas ambigüedades en el código fuente de Markdown, pero se encontraron que la base era bastante defectuosa y arrojaba errores muy malos al tratar de solventarlos.

De allí nacieron los sabores o flavors, es decir, nuevas versiones sobre la base original, pero esto trajo consigo otro inconveniente, la falta de estandarización de la sintaxis, ya que cada sabor tiene una implementación diferente para las mismas cosas. Como lo explica Eric Holscher en su artículo por qué no deberías usar Markdown.

Existen sabores de Markdown más que los dedos de mis manos, algunos de ellos son: CommonMark, Github flavors, kramdown. Para una lista con sabores más extensa visita el siguiente enlace.

Editores Markdown

Por regla general, hasta el bloc de notas te sirve para escribir en Markdown, pero quizás no sea el más adecuado para comenzar. La razón principal es que no cuenta con resaltado de sintaxis, vista previa ni opciones de exportar los documentos en formatos docx, pdf, html.

Un editor enfocado en Markdown viene a facilitar ese tipo de cosas, ya que incluyen atajos de teclado para insertar los operadores de formateo, soporte para varios sabores y muchos incluyen una interfaz parecida a la de Microsoft Word.

Editores online que funcionan en el navegador web.

Stackedit: es mi editor online preferido, este editor cuenta con varios agregados estupendos, como iniciar sesión con tu cuenta de Google, Github, Gitlab para almacenar tus documentos en la nube, vista previa con desplazamiento en vivo, espacios de trabajo colaborativos, soporte para los sabores Markdown Extra, CommonMark y Github.

Dillinger: está desarrollado en Angular, cuenta con vista previa e inicio de sesión con Dropbox, Google Drive, One Drive, Github para almacenar documentos en la nube.

Hackmd: Permite trabajo colaborativo en tiempo real, vista previa, capacidad de exportar Markdown en otros formatos.

Editores para computadoras.

Typora: es el editor que utilizo en mi pc, Typora tiene una vista previa un tanto diferente al resto de editores ya que este se produce sobre la marcha.

Haroopad: un potente editor gratuito disponible para Windows, Linux y MacOS.

Writemonkey: es un editor minimalista en todos los sentidos, cuenta con características igual que los anteriores. Pese a poder usarse de forma gratuita si haces una donación monetaria recibirás una clave que te permitirá desbloquear extras adicionales.

Visual Studio Code: no es un editor exclusivos para Markdown pero cuentan con infinidades de extensiones que le permiten trabajar de buena manera con este lenguaje.