Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Texto
Un párrafo normal con negrita, cursiva, negrita y cursiva, tachado y código inline.
También puedes combinar: texto en negrita con cursiva dentro.
Un enlace a Google y un enlace automático: https://example.com
Citas
Esto es una cita.
Cita con múltiples párrafos.
Segundo párrafo de la cita.
Citas anidadas:
Esto está un nivel más adentro.
Listas
Lista desordenada
- Elemento uno
- Elemento dos
- Sub-elemento
- Otro sub-elemento
- Elemento tres
Lista ordenada
- Primero
- Segundo
- Sub-paso
- Otro sub-paso
- Tercero
Lista mixta
- Paso principal
- Detalle A
- Detalle B
- Otro paso
- Más detalles
Código
Inline: const x = 42;
Bloque:
function saludo(nombre) {
return `Hola, ${nombre}`;
}
console.log(saludo("Víctor"));
body {
font-family: system-ui, sans-serif;
color: #1a1a1a;
}
Bloque sin lenguaje:
Texto plano dentro de un bloque de código.
Conserva espacios y
saltos de línea.
Tablas
| Nombre | Rol | Ciudad |
|---|---|---|
| Víctor | Fundador | Madrid |
| Ana | Diseño | Barcelona |
| Carlos | Dev | Valencia |
Tabla con alineación:
| Izquierda | Centro | Derecha |
|---|---|---|
| texto | texto | texto |
| más | más | más |
Imágenes
Video
Short
Línea horizontal
Tres formas de hacerla:
Notas al pie
Texto con nota al pie1 y otra más2.
Resumen
Todos estos elementos se escriben en Markdown plano y Astro los renderiza a HTML. El CSS del layout se encarga de darles estilo.