Saltar al contenido principal

Markdown: el lenguaje de la web 2.0

· 9 min de lectura
Oscar Adrian Ortiz Bustos

Introducción

A día de hoy, nos enfocamos principalmente en el estilo de la web, en la forma en que se ve. Sin embargo, no siempre fue así. En los inicios de la web, el contenido era lo más importante. La web era un lugar para compartir información, no para mostrarla. Con el tiempo, la web fue evolucionando y se fue convirtiendo en lo que es hoy en día. Sin embargo, todavía hay muchas personas que prefieren el contenido sobre el estilo. Para ellos, existe Markdown.

Hace cerca de 3 años que descubrí Markdown. Desde entonces, lo he utilizado para escribir todo tipo de documentos, desde artículos para este blog hasta informes para la universidad. En este artículo, te voy a enseñar qué es Markdown, cómo funciona y cómo puedes utilizarlo para escribir tus propios documentos.

¿Qué es Markdown?

Bueno, Markdown es un lenguaje de marcado ligero. Esto significa que es un lenguaje que nos permite dar formato a nuestros documentos. Es muy parecido al HTML, pero mucho más fácil de utilizar. Markdown fue creado por John Gruber en 2004, y desde entonces se ha convertido en uno de los lenguajes de marcado más populares del mundo. En el momento que fue creado, crear contenido en la web implicaba lidiar con etiquetas HTML. Markdown vino a cambiar eso. Fue diseñado para ser fácil de leer y escribir, y para que los documentos escritos en Markdown sean fáciles de convertir a otros formatos, como HTML o PDF. De esta forma permitía los creadores de contenido centrarse única y exclusivamente en el contenido, sin tener que preocuparse por el estilo.

No los voy a engañar, a mí una página llena de estilos me parece fantástica, basta con mirar mi sitio web para darse cuenta de ello. Sin embargo, hay momentos en los que el estilo no es lo más importante. Por ejemplo, cuando estamos escribiendo un informe para la universidad o incluso un archivo README.md para nuestras documentaciones, lo más importante es el contenido. En estos casos, Markdown es una gran opción.

¿Cómo funciona Markdown?

El funcionamiento de Markdown es muy sencillo. Básicamente, consiste en utilizar una serie de caracteres especiales para dar formato al texto. Por ejemplo, si queremos escribir un título, podemos utilizar el carácter # al principio de la línea. Si queremos escribir un párrafo, simplemente escribimos el texto. Si queremos escribir una lista, podemos utilizar el carácter - o * al principio de cada línea. Y así con todo. Markdown es muy fácil de aprender, y una vez que lo aprendes, es muy fácil de utilizar.

De hecho, es tan fácil de utilizar que puedes escribir un documento Markdown en cualquier editor de texto, en mi caso, neovim. Lo sé, lo sé soy como un vegano o un crossfitero cuando se trata de editores de texto, siempre menciono que uso neovim aunque no me pregunte nadie. Sin embargo, con Markdown no necesitas nada especial, puedes escribir un documento Markdown en cualquier lugar, incluso en una servilleta (aunque no lo recomiendo) o si ya nos ponemos en modo mentalmente inestable podemos usar el bloc de notas de Windows como en mis inicios. De hecho la primera página web estática que hice fue hecha con el bloc de notas. Aún la tengo por ahí, quizá en un futuro haga un artículo sobre ello.

Importancia en la actualidad

Es increíble como algo tan sencillo y que tiene más de 18 años a día de hoy es más utilizado que nunca. Hay una infinidad de herramientas de la web que utilizan ese lenguaje, algunas de ellas son Github, Google Colab, Notion, Reddit, Stack Overflow y muchos, pero muchos más.

Aunque inicialmente se destacó en el ámbito de la documentación técnica, su simplicidad y legibilidad han conquistado otros dominios. Ahora, vemos a escritores de blogs, periodistas, científicos de datos y, en general, a cualquier persona que quiera comunicarse en la web, adoptando Markdown como su herramienta de escritura preferida. En particular, plataformas como Github y Stack Overflow han ayudado a popularizar Markdown. Estas plataformas lo utilizan para sus documentaciones, y los usuarios que quieran contribuir a ellas deben aprender su sintaxis. Esto ha hecho que mucha gente se interese por este lenguaje y lo empiece a utilizar en sus propios proyectos.

La popularización de plataformas como Notion ha ayudado a expandir el lenguaje en el ámbito escolar y universitario. Muchos estudiantes utilizan Notion para tomar apuntes, y Notion utiliza Markdown para dar formato a los documentos. Esto ha hecho que muchos estudiantes se interesen por aprenderlo y lo hagan parte de su flujo de trabajo.

Beneficios de Markdown

Existen varios beneficios de utilizar Markdown, entre ellos están:

  • Permite escribir sin distracciones: No me tengo que preocupar por márgenes, tamaño de texto, ni nada de eso. Solo soy yo, el teclado y el contenido.
  • Ahorras tiempo: Al no darte ningún tipo de distracción, avanzas más rápido ya que solo dejas que las ideas de tu cabeza se plasmen en el documento.
  • Es fácil convertirlo a otros formatos: Los archivos se pueden convertir a cualquier otro formato debido a su estructura.
  • Aprendes una vez, lo usas en todo: Una vez que dominas Markdown, no vas a querer dejar de utilizarlo debido a la integración que tiene en muchísimas plataformas.
  • Copias de seguridad en Github: Aunque existe Notion para la sincronización, en lo personal prefiero tener mis notas en un repositorio de Github.
  • Tamaño pequeño: Claro que el tamaño importa, y con el tamaño de Markdown me siento identificado. Los archivos son más ligeros en comparación con otros formatos, lo que ahorra espacio de almacenamiento y facilita la transferencia de archivos.
  • Se trabaja perfectamente sin internet: Como Markdown es un formato de texto plano, puedes trabajar en tus documentos sin conexión a internet, lo que es útil para trabajar en lugares con conectividad limitada.

Sintaxis

La sintaxis es simple, cabe recalcar que para la documentación de Markdown ya hay un sitio, y no pretendo hacer un copy/paste de la documentación oficial, así que solo voy a mencionar los elementos más utilizados.

# Encabezados
## Encabezado de nivel 2
### Encabezado de nivel 3
#### Encabezado de nivel 4
##### Encabezado de nivel 5
###### Encabezado de nivel 6

## Listas
- Elemento de lista no ordenada 1
- Elemento de lista no ordenada 2
- Subelemento de lista
- Elemento de lista no ordenada 3

1. Elemento de lista ordenada 1
2. Elemento de lista ordenada 2
3. Elemento de lista ordenada 3

## Casillas de verificación
- [x] Tarea completada
- [ ] Tarea pendiente

## Tablas
| Encabezado 1 | Encabezado 2 |
| ------------ | ------------ |
| Celda 1,1 | Celda 1,2 |
| Celda 2,1 | Celda 2,2 |

## Negritas, cursivas y tachado
**Texto en negritas**
*Texto en cursiva*
***Texto en negritas y cursiva***
--Texto tachado--

## Enlaces
[Texto del enlace](URL)
<https://www.google.com>
[Texto del enlace](URL "Texto que aparece al pasar el mouse sobre el enlace")

## Citas

> Esto es una cita

> Esto es otra cita, pero de varios párrafos
>
> Este es el segundo párrafo de la cita

## Código

`Código en línea` Para el código de bloque se utilizan tres acentos graves al inicio y al final del bloque.

## Salto de línea

Salto de línea con dos espacios al final de la línea.

## Imágenes

![Texto alternativo](URL "Texto que aparece al pasar el mouse sobre la imagen")

## Separador, lo equivalente a <hr> en HTML

---

Todo lo de arriba forma esto, omitiré los encabezados por una cuestión de visualización, pero son los mismos que en HTML. (H1, H2, H3, H4, H5, H6)

Listas

- Elemento de lista no ordenada 1
- Elemento de lista no ordenada 2
- Subelemento de lista
- Elemento de lista no ordenada 3

1. Elemento de lista ordenada 1
2. Elemento de lista ordenada 2
3. Elemento de lista ordenada 3
  • Elemento de lista no ordenada 1
  • Elemento de lista no ordenada 2
    • Subelemento de lista
  • Elemento de lista no ordenada 3
  1. Elemento de lista ordenada 1
  2. Elemento de lista ordenada 2
  3. Elemento de lista ordenada 3

Casillas de verificación

- [x] Tarea completada
- [ ] Tarea pendiente
  • Tarea completada
  • Tarea pendiente

Tablas

| Encabezado 1 | Encabezado 2 |
| ------------ | ------------ |
| Celda 1,1 | Celda 1,2 |
| Celda 2,1 | Celda 2,2 |
Encabezado 1Encabezado 2
Celda 1,1Celda 1,2
Celda 2,1Celda 2,2

Negritas y Cursivas

**Texto en negritas**
*Texto en cursiva*
***Texto en negritas y cursiva***

Texto en negritas Texto en cursiva Texto en negritas y cursiva

Enlaces

[Texto del enlace](https://www.markdownguide.org/basic-syntax/)
<https://www.markdownguide.org/basic-syntax/>
[Texto del enlace](https://www.markdownguide.org/basic-syntax/ "Esto se ve en el hover")

Texto del enlace https://www.markdownguide.org/basic-syntax/

Texto del enlace

Citas

> Esto es una cita

> Esto es otra cita, pero de varios párrafos
>
> Este es el segundo párrafo de la cita

Esto es una cita de una línea

Esto es otra cita, pero de varios párrafos

Este es el segundo párrafo de la cita

Imágenes

![Texto alternativo](https://www.markdownguide.org/assets/images/tux.png "Tux")

Texto alternativo es el texto que aparece cuando la imagen no carga (alt en HTML), y Tux es el texto que aparece al pasar el mouse sobre la imagen.

Texto alternativo

Separador

---

Lo equivalente a <hr> en HTML


Conclusión

Markdown es más que un lenguaje de marcado; es un facilitador de la comunicación efectiva en la web actual. Ya sea que estés escribiendo un informe para la universidad, un artículo de blog o una documentación técnica, Markdown es una herramienta que merece ser dominada. Su simplicidad, versatilidad y capacidad para centrarse en el contenido lo convierten en un compañero invaluable en el mundo digital en constante evolución. Desde La Cueva del NeanderTech invitamos a todos y cada uno de nuestros lectores a que se animen a utilizar Markdown, y si ya lo usan, a que lo sigan usando.