¿DÓNDE ESTÁ TODO LO QUE APRENDISTE?
CREA TU CEREBRO DIGITAL PARA NO VOLVER A PERDERLA.

Tutorial de Markdown en español


En un post anterior te hablé de Notion, Obsidian y Roam Research, tres herramientas digitales con un gran potencial, y que soportan Markdown, esto último es de gran importancia, ya que con este lenguaje de marcado ligero podemos enriquecer visualmente nuestra información, notas… Esto es fundamental para tener una buena legibilidad, aprender de mejor manera, retener de forma más eficiente y organizar la información. Markdown aporta diversos beneficios, los cuales conocerás a lo largo de este post, además es sencillo, fácil, y rápido de implementar, por ello, hoy he preparado este Tutorial completo de Markdown en español para que conozcas como aplicarlo y puedas provechar al máximo todas sus funcionalidades.

En este artículo veremos qué es Markdown y cómo usarlo, te enseño cómo implementar sus reglas principales: colocar títulos en distintos niveles, negrita, cursiva, subrayado, salto de línea, cómo resaltar texto, crear citas con Markdown, tablas, listas, cómo insertar imágenes, y muchas cosas más… Todo esto te lo explico de forma escrita y también en vídeo.

Al final del post encontrarás una sorpresa 😉

Construye un potente gestor de conocimiento personal combinando las metodologías de productividad: GTD, PARA y Zettelkasten.

Qué es Markdown

Markdown es un lenguaje de marcado ligero, es decir, es un estándar para textos planos, mediante el cual podemos dar formato a nuestros textos añadiendo series de caracteres extras de una forma especial, usarlo nos permite enriquecer visualmente los textos, lo cual es muy importante, ya que de esta forma es más agradable la lectura y el estudio de los mismos.

Una de las grandes ventajas de usar Markdown es la facilidad que nos brinda para migrar la información, ya que al ser un formato estándar de texto plano, permite integrar los archivos de manera sencilla en otras plataformas.

Markdown
Markdown.

En este caso vamos a implementar las reglas de marcado Markdown con Obsidian, pero todo lo explicado en este post lo puedes aplicar en cualquier otra herramienta que soporte este estándar, como por ejemplo, Notion y Roam Research…

Si utilizas Obsidian, aprende a usar correctamente todas las funcionalidades de esta herramienta en este Curso de Obsidian en español.

Si Notion es la herramienta que utilizas, aprovecha al máximo el potencial de la misma, aprendiendo a implementar sus diversas funcionalidades en este post Como usar Notion: tutorial en español.

Cómo usar Markdown

Utilizar Markdown es muy sencillo, es realmente rápido, con este lenguaje de marcado ligero, se pueden añadir textos en negrita y cursiva, crear tablas, listas, añadir imágenes, citas, divisores y mucho más… a continuación te explico como aplicar las reglas más comunes:

Títulos en Markdown

Para añadir títulos en distintos niveles con Markdown, debes agregar # (almohadillas) delante del texto, la cantidad de # a añadir, dependerá del tipo de título que desees:

  • Titulo nivel 1 (h1): agregar una #
  • Titulo nivel 2 (h2): agregar dos ##
  • Titulo nivel 3 (h3): agregar tres ###
  • Titulo nivel 4 (h4): agregar cuatro ####
  • Titulo nivel 5 (h5): agregar cinco #####
Tutorial Markdown - Distintos niveles de títulos
Vista edición distintos niveles de títulos – Tutorial Markdown en español.

Negrita y cursiva con Markdown

Negrita: para colocar textos en negrita debes agregar doble ** (asterisco) al inicio del texto y también doble ** al finalizar.

 Ejemplo:

**palabras en negrita**

Cursiva: el texto en cursiva se logra añadiendo un * (asterisco) al inicio del texto y otro * al finalizar.

Ejemplo:

*palabras en cursiva*

 Negrita y cursiva: hay dos formas para colocar textos en negrita y cursiva.

  1. Agregando triple *** (asterisco) al inicio del texto y también triple *** al finalizar.
  2. Agregando tres _ _ _ (guiones bajos) al inicio del texto y también tres _ _ _ al finalizar.

Ejemplo:

***palabras en negrita y cursiva***

_ _ _palabras en negrita y cursiva_ _ _

Tutorial Markdown en español - Negrita y cursiva
Vista edición palabras en negrita y cursiva con Markdown.

Subrayado en Markdown

Markdown no permite el subrayado, esto es para evitar confusión con los enlaces, ya que los hipervínculos en Markdown se identifican por tener un subrayado.

En Markdown solo es posible añadir una línea en blanco, si agregas más de una, al pasar al modo de previsualización estas se unifican, se convierten en una sola línea.

Cómo resaltar texto en Markdown

Para resaltar un texto, debes agregar doble == (signo igual) al inicio de las palabras, una vez termines de escribir el texto debes añadir == .

Otro artículo interesante:  Cómo leer un libro y recordar lo leído

Ejemplo:

==Texto resaltado==

Tutorial Markdown - Resaltado de texto
Vista edición texto resaltado- Tutorial completo Markdown en español.

Cómo tachar texto en Markdown

En Markdown sí que es posible tachar textos, para ello es necesario este carácter especial ~ el cual no aparece en los teclados, por lo tanto, para hallarlo, debes mantener pulsado Alt mientras tecleas 1 2 6 (primero pulsas el 1, luego el 2 y por último el 6).

En algunos teclados puede variar la combinación de números.

Para tachar el texto, solo debes añadir al inicio del mismo, doble ~~ y también añadir ~~ al finalizar.

Ejemplo:

~~Texto tachado~~

Vista de edición texto tachado con Markdown
Vista edición texto tachado – Reglas Markdown.

Cómo añadir divisores

Los divisores en Markdown se crean de una forma muy sencilla, solo es necesario agregar tres – – – (guiones) en el área donde desees añadirlos.

 Ejemplo:

Divisor 1

– – –

Divisor 2

– – –

Tutorial de Markdown - Divisores
Previsualización de divisores – Markdown tutorial en español.

Cómo crear citas con Markdown

Puedes crear citas o quotas de forma rápida con Markdown, solo necesitas agregar el signo > (mayor que) delante del texto a citar.

Ejemplo:

> Lo importante no es lo que sabes, sino lo que haces con lo que sabes.

Vista de previsualización de citas en Markdown
Previsualización de cita en Markdown.

Las citas se verán de colores diferentes dependiendo el tema que esté instalado en Obsidian.

Cómo hacer listas en Markdown

Listas de tareas

Para ello solo es necesario abrir corchete, dejar un espacio, y cerrar corchete: [ ] .

Ejemplo:

[ ] Correr

[ ] Comprar pan

[ ] Leer

Una vez realizado esto, en  la vista de previsualización se mostrará un checkbox para que marques las tareas realizadas.

Lista de tareas - Markdown tutorial completo
Previsualización de lista de tareas.

Listas numeradas

Solo es necesario añadir un número y un punto delante de los textos a incluir en la lista.

Ejemplo:

  1. Agua
  2. Árboles
  3. Oxígeno

También puedes anidar una lista dentro de otra, para ello debes presionar la tecla Enter  y luego la tecla Tab (ubicada a la izquierda de la letra Q).

Ejemplo:

  1. Agua
  2. Árboles.
    1. Frutos
    2. Semillas
    3. Flores
Lista numeradas - Reglas Markdown
Previsualización de listas numeradas con Markdown.

Listas sin numerar

Agrega un (guion) delante de cada texto a incluir en la lista.

Ejemplo:

Agua

Árboles

Oxígeno

Listas sin numerar - Markdown tutorial
Previsualización de listas sin numerar – Markdown tutorial.

Los caracteres extras que se deben añadir para utilizar las reglas de Markdown, son pocos, sencillos de encontrar en cualquier teclado y no molestan en absoluto al leer en el estado edición.

Cómo insertar imágenes con Markdown

Si vas a añadir imágenes de fuentes externas o desde un editor de texto plano, debes hacerlo de la siguiente manera:

![aquí si quieres puedes incluir el nombre de la imagen](agrega aquí la ruta de la imagen)

Ejemplo:

![Engelbart](https://history-computer.com/ModernComputer/Basis/images/Engelbart.jpg)

Imágenes fuentes externas - Tutorial Markdown en español
Formato para añadir imágenes de fuentes externas – Tutorial Markdown en español.

Si vas a añadir imágenes que tienes en tu ordenador, lo que debes hacer es copiar la imagen y pegarla en este caso en Obsidian.

Obsidian pega la imagen automáticamente con el formato Markdown, pero no muestra la ruta de la imagen, ya que la agrega a los anexos del Vault.

Sintaxis al insertar imágenes desde el ordenador
Formato Markdown para insertar imágenes ubicadas en el ordenador.

Previsualización de la imagen añadida de la fuente externa y de la imagen que se copió del ordenador y se pegó en Obsidian:

Imagen fuente externa e imagen copiada del ordenador
Imagen de fuente externa e imagen copiada del ordenador – Tutorial Markdown en español.

Redimensionar imágenes

Esto lo puedes hacer de una forma muy sencilla, solo debes agregar dentro de los corchetes una | (pleca), y asignar el número de pixeles deseados.

Ejemplo:

![Engelbart|100](https://history-computer.com/ModernComputer/Basis/images/Engelbart.jpg)

La | la encuentras presionando Alt + 1.

Vista de edición:

Formato para redimensionar imágenes
Formato para redimensionar imágenes con Markdown.

Previsualización:

Vista previsualización de imagen redimensionada
Previsualización de imagen redimensionada.

Crear tablas en Markdown

Para crear el cabecero de la tabla debes hacerlo con | (plecas)  y (guiones) de la siguiente manera:

Cabecero de tabla - Tutorial Markdown en español
Vista edición cabecero de tabla.

Las celdas de la tabla se crean añadiendo | (plecas), de la siguiente forma:

Celdas de tabla - Tutorial Markdown en español
Vista edición celdas de tabla.

Previsualización:

Tabla - Tutorial Markdown en español
Previsualización de tabla.

En Obsidian se puede calcular el total de los valores de una tabla, pero esto te lo explico en otro post 😉

Cómo realizar presentaciones en Markdown

De una forma muy sencilla y rápida puedes crear  presentaciones con Markdown, para ello debes activar el plugin Diapositivas, este plugin lo encuentras accediendo a Preferencias / Plugins principales.

Plugin diapositivas - Markdown
Plugin diapositivas – Reglas Markdown.

Una vez activo el plugin, lo que debes hacer para crear una diapositiva es añadir tres – – – (guiones), debajo de estos, agregas el contenido correspondiente y debajo de ese contenido añade otros – – – .

Los – – – (guiones) indican donde empieza y donde termina cada diapositiva.

Ejemplo:

Otro artículo interesante:  Productividad: la semana laboral de 4 horas

– – –

Diapositiva 1

Miguel y Victoria salieron a pasear…

– – –

Diapositiva 2

Llegó el invierno…

– – –

De esta forma vas realizando diversas diapositivas para conformar la presentación.

Posteriormente, para ver la presentación creada, debes seleccionar los tres puntos verticales que están ubicados en la parte superior derecha de Obsidian, y luego hacer clic en Empezar presentación.

Opción empezar presentación
Opción empezar presentación.

Seguidamente se mostrará cada una de las diapositivas creadas.

Diapositiva con Markdown
Diapositiva con Markdown.

Cómo insertar bloques de código de lenguajes de programación

Para agregar el código de programación que desees, debes añadir inicialmente las siguientes comillas ` ` `  , a la derecha de estas indicar el lenguaje de programación a usar, luego incluir el código correspondiente, y al finalizar agregar tres comillas ` ` `.

En un teclado español estas comillas las puedes hallar en la tecla que está a la derecha de la letra P.

Ejemplo:

` ` `js

function fancyAlert(arg) {

if(arg) {

$.facebox({div:’#foo’})

}

}

` ` `

Vista de edición:

Bloque de código de programación - Vista edición
Vista edición bloque de código de programación.

Previsualización:

bloque de código de programación - Vista previsualización
Previsualización bloque de código de programación.

Enlaces externos con Markdown

Puedes añadir de dos formas los enlaces externos:

 1. Agregando directamente la url con la cual quieres crear el enlace:

https://obsidian.md/

2. Creando el enlace con el siguiente formato:

[nombre del enlace](url)

Enlaces externos con Markdown
Previsualización enlaces externos con Markdown.

Presionando Ctrl + K aparece el formato para crear el enlace.

Enlaces internos con Markdown

Con Markdown los enlaces entre notas se deben crear de esta forma:

[Nombre de nota](ruta de nota con caracteres porcientos, si aplica)

La ruta se conforma por el nombre de la nota + la extensión .md, si el nombre de la nota contiene espacios en blancos, barras, guiones, etc… Debes conocer el código porciento que los representa, para que así puedas sustituirlos en la ruta, por ejemplo, %20 es igual a un espacio en blanco, %2F es igual a una barra / …

Ejemplo:

[Kaizen filosofía](Kaizen%20filosofía.md)

Enlaces internos con Markdown
Vista edición enlace interno con Markdown.

Enlaces internos con Wikilinks

Para usar Wikilinks debes acceder a Preferencias / Files & Links y activar Use [[Wikilinks]].

Opción para activar Wikilinks
Opción para activar Wikilinks en Obsidian.

Posteriormente para crear enlaces entre notas, debes abrir dos corchetes [[ escribir el nombre de la nota, y cerrar los dos ]] .

Ejemplo:

[[Kaizen filosofía]]

Enlaces entre nota con Wikilinks
Vista edición enlace interno con Wikilinks.

Al añadir los corchetes y empezar a escribir el nombre de la nota, Obsidian va mostrando las opciones posibles, para que selecciones la nota deseada y así crear el enlace.

¿Enlaces internos con Markdown o Wikilinks?

Para mayor agilidad, es mejor trabajar con enlaces Wikilinks, ya que no es necesario conocer códigos porcientos, y esto hace que su implementación sea más sencilla que la de Markdown. De hecho, hay muchos usuarios que han decidido optar por esta opción, porque es más fácil, y rápida.

Si estás pensando que al usar Wikilinks puedes tener problemas al migrar, no te preocupes, la mayoría de editores de texto admiten tanto Markdown como Wikilinks.

Sin embargo, en este enlace: https://github.com/agathauy/wikilinks-to-mdlinks-obsidian conseguirás un plugin de Obsidian que convierte los enlaces de Markdown a Wikilinks y de Wikilinks a Markdown 😉

SORPRESA: PLANTILLA GRATIS CON LAS REGLAS MARKDOWN

Si deseas la plantilla con las reglas Markdown explicadas en este post, te invitamos a suscribirte un poco más abajo, una vez lo hagas recibirás un correo con la plantilla, tenerla te será de gran ayuda, ya que con ella podrás guiarte al momento de aplicar Markdown 😉

Vídeo tutorial de Markdown en español

Para descargar la plantilla que utilizamos en este vídeo, suscríbete al blog un poco más abajo y enseguida la recibirás 😉

¿Te ha servido de ayuda este tutorial completo de Markdown en español? Cuéntanos en los comentarios, también puedes dejar tus dudas o sugerencias, con gusto te responderemos.

¡Hasta un próximo post! 😉

Si te interesa todo lo relativo a la gestión del conocimiento personal para así crear tu cerebro digital, apúntate aquí abajo:

CÓMO CONSTRUIR MI CEREBRO DIGITAL

NOS ENCAntará saber tu opinión, déjanosla en los comentarios aquí un poco mas debajo Y TE CONTESTAREMOS PERSONALMENTE:)

SOBRE EL AUTOR

Soy Marcos, el creador de Emowe.com. Mi pasión es ayudar a aprender a aprender de una forma más visual y creativa de la que nos enseñaron en la escuela.
Fui un fracasado escolar y gracias a la metodología que enseño hubo un antes y un después. Estudié y terminé varias Ingenierías mientras trabajaba a tiempo completo sin ser una persona especialmente inteligente. Esta es la buena noticia. La mala noticia es que necesitarás constancia y compromiso, como en su día tuve cuando decidí cambiar.
Pero que sepas que esto también se entrena teniendo claro el destino y objetivos de cada uno. Suscríbete aquí abajo para verlo ;)

EMPIEZA A CONSTRUIR TUS PRIMERAS PIEZAS DE

TU CEREBRO DIGITAL

Tu conocimiento o aprendizaje no es solo lo que eres capaz de recordar con tu cerebro físico, sino también la información organizada que puedes tener disponible en corto plazo.

  • UN CEREBRO DIGITAL NO SOLO TE AYUDA A GESTIONAR TU INFORMACIÓN PERSONAL, SINO A PONER FOCO Y ORDEN EN TU VIDA.
  • Descubre los errores más frecuentes que comete la gente a la hora de organizar la información y por qué luego no la encuentra.
  • Aprende GESTIONA TUS HÁBITOS, DIARIO, TAREAS, OBJETIVOS PARA ALINEARLA CON TODA TU INFORMACIÓN PERSONAL PARA DARLE SENTIDO.

Lectura adicional recomendada

Deja un comentario

Your email address will not be published. Required fields are marked

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

  1. Por favor me proporcionas una plantilla delas reglas de markdown . Te agradezco mucho por todo lo que me has enseñado amigo.

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}

¿DÓNDE ESTÁ TODO LO QUE APRENDISTE EN TU VIDA?
DISEÑA UN CEREBRO DIGITAL PARA MOVER LA INFORMACIÓN DIGITAL A TU CEREBRO FÍSICO, SOLO CUANDO LA NECESITES, SIN VOLVER A PERDERLA.

Estos puntos azules y amarillos que ves en la figura, son notas interconectadas simulando el cerebro físico que tú también puedes empezar a construir pulsando aquí abajo.