Un post de elementos de Markdown

Este es un encabezado H2

Este es un encabezado H3

Este es un encabezado H4

Este es un encabezado H5

Este es un encabezado H6

Reglas horizontales

Énfasis

Este es un texto en negrita

Este es un texto en cursiva

Tachado

Citas

“Citas dobles” y ‘citas simples’

Citas en bloque

Las citas en bloque también pueden anidarse…

…usando signos de mayor que adicionales uno junto al otro…

Referencias

Un ejemplo que contiene una referencia clicable¹ con un enlace a la fuente.

Segundo ejemplo que contiene una referencia² con un enlace a la fuente.

Si revisas este ejemplo en src/content/post/markdown-elements/index.md, notarás que las referencias y el encabezado “Notas al pie” se agregan al final de la página a través del plugin remark-rehype.

Listas

No ordenadas

• Crea una lista comenzando una línea con +, - o *
• Las sublistas se hacen al indentar 2 espacios:
  • Cambiar el carácter del marcador fuerza el inicio de una nueva lista:
    • Ac tristique libero volutpat at
    • Facilisis in pretium nisl aliquet
    • Nulla volutpat aliquam velit
• ¡Muy fácil!

Ordenadas

1. Lorem ipsum dolor sit amet

2. Consectetur adipiscing elit

3. Integer molestie lorem at massa

4. Puedes usar números secuenciales…

5. …o mantener todos los números como 1.

Comenzar la numeración con un desplazamiento:

57. foo
58. bar

Código

Código en línea code

Código indentado

1
// Algunos comentarios
2
línea 1 de código
3
línea 2 de código
4
línea 3 de código

Bloques de código “cercados”

1
Texto de ejemplo aquí...

Resaltado de sintaxis

1
var foo = function (bar) {
2
  return bar++;
3
};
4

5
console.log(foo(5));

Ejemplos expresivos de código

Agregar un título

1
console.log("Ejemplo de título");

Un terminal bash

1
echo "Un ejemplo de terminal base"

Resaltando líneas de código

1
function demo() {
2
  console.log("esta línea está marcada como eliminada");
3
  // Esta línea y la siguiente están marcadas como insertadas
4
  console.log("esta es la segunda línea insertada");
5

6
  return "esta línea usa el marcador predeterminado neutral";
7
}

Expressive Code puede hacer mucho más de lo que se muestra aquí, e incluye muchas personalizaciones.

Tablas

Columnas alineadas a la derecha

Enlaces

Contenido de markdown-it