Ejemplo de Markdown para el blog

Markdown es un lenguaje de marcado ligero con sintaxis de formato en texto plano.

Markdown es un lenguaje de marcado ligero con sintaxis de formato en texto plano. Su diseño permite convertirlo a muchos formatos de salida, aunque la herramienta original con el mismo nombre solo admite HTML. Markdown se usa con frecuencia para dar formato a archivos README, para redactar mensajes en foros de discusión en línea y para crear texto enriquecido usando un editor de texto plano.

Énfasis

Énfasis, también conocido como cursiva, con asteriscos o guiones bajos.

Énfasis fuerte, también conocido como negrita, con asteriscos o guiones bajos.

Énfasis combinado con asteriscos y guiones bajos.

El tachado usa dos virgulillas. Tacha esto.

Código y resaltado de sintaxis

El código en línea se encierra entre comillas invertidas (back-ticks).

Los bloques de código se encierran ya sea con líneas de tres back-ticks ```, o se indentan con cuatro espacios. Recomiendo usar únicamente los bloques con back-ticks —son más sencillos y además son los únicos que admiten resaltado de sintaxis.

var args \= \[\] // Empty array, at first.

for (var i \= 0; i < arguments.length; i++) {

args.push(arguments\[i\])

} // Now 'args' is an array that holds your arguments.

console.log(args)

// sh code sample
yarn add gatsby
gatsby develop

Citas (Blockquotes)

Las citas (blockquotes) son muy útiles en el correo electrónico para emular texto de respuesta. Esta línea forma parte de la misma cita.

Fin de la cita.

Esta es una línea muy larga que seguirá citada correctamente cuando se ajuste. Venga, sigamos escribiendo para asegurarnos de que sea lo bastante larga como para que realmente haga wrap para todo el mundo. Ah, puedes poner Markdown dentro de una cita.

Tablas

Debe haber al menos 3 guiones separando cada celda de cabecera. Las barras verticales externas (|) son opcionales, y no necesitas que las líneas en bruto del Markdown queden bonitas visualmente. También puedes usar Markdown en línea.

Listas

1. Primer elemento de lista ordenada

2. Otro elemento

   • Lista desordenada como sublista.

3. Los números reales no importan, solo que sea un número

   1. Sublista ordenada
   2. Y otro elemento.

   Puedes tener párrafos correctamente indentados dentro de los ítems de una lista. Observa la línea en blanco de arriba y los espacios iniciales (al menos uno, pero aquí usaremos tres para alinear también el Markdown en bruto).

   Para forzar un salto de línea sin iniciar un párrafo, necesitarás usar dos espacios al final de la línea. Observa que esta línea es separada, pero sigue dentro del mismo párrafo. (Esto es contrario al comportamiento típico de GFM respecto a saltos de línea, donde no se requieren espacios finales.)

• Una lista desordenada puede usar asteriscos

• O guiones

• O signos de más

Imágenes

Aquí está nuestro logo (pasa el cursor para ver el texto del título):

Estilo en línea:

Insertar videos

Con el uso del plugin gatsby-remark-embed-video puedes insertar fácilmente videos desde YouTube, Vimeo, Twitch y más fuentes.

Lista de tareas

• este es un ítem completo
• este es un ítem incompleto
• @menciones, #refs, enlaces, formato, y etiquetas soportados
• se requiere la sintaxis de lista (cualquier lista desordenada u ordenada es compatible)

Encabezados

H1

H2

H3

H4

H5

H6

Alternativamente, para H1 y H2, un estilo tipo subrayado:

Alt-H1

Alt-H2

Enlaces

Este es un enlace en estilo en línea

Este es un enlace en estilo en línea con título

Aquí un enlace a Google.

Esta es una referencia relativa a una página interna

O déjalo vacío y usa el texto del enlace.

Las URLs y las URLs entre corchetes angulares se convertirán automáticamente en enlaces. http://www.example.com y a veces example.com (pero no en Github, por ejemplo).

Un poco de texto para mostrar que las referencias de enlaces pueden seguir más adelante.