Yuri Almeida
Web Developement

Markdown Showcase

Yuri Almeida
<!DOCTYPE html>

Una hoja de referencia viva de patrones de Markdown para copiar/pegar. Consejo: Usa la tabla de contenidos de abajo para saltar a secciones.

Tabla de Contenidos - Encabezados - Estilos de Texto - Párrafos &amp; Saltos de Línea - Listas - Listas de Tareas - Enlaces - Imágenes - Citas - Código - Tablas - Notas al Pie - Definiciones - Detalles / Resumen - Líneas Horizontales - Caracteres Especiales &amp; Escape - Callouts (Ad-hoc) - Diagramas Mermaid - HTML en Markdown - Consejos Varios - Referencias


Encabezados

H1 — Título Grande

H2 — Sección

H3 — Subsección

H4 — Encabezado Menor

H5 — Encabezado Pequeño
H6 — Encabezado Microscópico

Estilos de Texto

Texto normal, con negrita, cursiva y negrita cursiva. ~~Tachado~~ es útil para registros de cambios. Código inline code para identificadores, npm run build o variables como FOO=bar. Resalta ==texto importante== con &lt;mark&gt; en HTML: esto está resaltado. Superíndice: 2^10^ e Subíndice: H~2~O (puede requerir HTML: H2O). Emojis: 🎯 🚀 😄 o con shortcodes: :sparkles: :warning: :memo:

Nota: GFM soporta tablas, listas de tareas, tachado, autolinks y notas al pie.


Párrafos &amp; Saltos de Línea

Un párrafo se compone de una o más líneas de texto separadas por una línea en blanco.

Los saltos de línea ocurren cuando terminas una línea con dos espacios. O configura tu renderizador para tratar nuevas líneas como saltos.


Listas

No Ordenadas

  • Manzanas
  • Fuji
  • Gala
  • Naranjas
  • Navel
  • Sanguina
  • Bananas

Ordenadas

  1. Primero
  2. Segundo
  3. Subpaso A
  4. Subpaso B
  5. Tercero

Mixtas

  • Instalar dependencias 1. npm install 2. npm run dev
  • Configurar entorno
  • .env.local
  • Claves de API

Listas de Tareas

  • [x] Escribir especificación
  • [x] Agregar pruebas
  • [ ] Implementar funcionalidad
  • [ ] Revisar &amp; hacer merge

Las tareas pueden anidarse: - [ ] Padre - [x] Hijo hecho - [ ] Hijo pendiente


Enlaces

Enlace inline: Markdown Guide Enlace de referencia: GitHub o este repositorio. Autolink (GFM): https://example.com


Imágenes

Imagen inline:

Texto alternativo de la imagen

Imagen por referencia:

Robot

Consejo: Para imágenes locales, usa rutas relativas como ./assets/diagram.png.


Citas

Cita de un solo nivel para citas o avisos.

Varios niveles:

Cita nivel 2

Cita nivel 3


Código

Inline

Usa console.log("hello") para un debug rápido.

Bloques de Código Delimitados

# Bash
mkdir -p dist &amp;&amp; echo &quot;Hello&quot; &gt; dist/hello.txt
ls -lah dist