Español
Escribe Markdown con vista previa dividida en vivo.
Última actualización
Un editor de Markdown es un entorno de escritura a dos columnas: tecleas Markdown en texto plano por un lado y, al otro lado, la vista previa renderizada se actualiza al instante. Es el formato que mueve los READMEs de GitHub, los portales de documentación, los generadores de sitios estáticos, las plataformas de blogs, apps de notas como Obsidian y herramientas de chat como Discord o Slack.
La gracia de Markdown es esa: se lee bien en texto plano y se convierte en HTML estructurado al renderizarse. Pierdes menos tiempo peleándote con barras de formato y dedicas más a escribir — justo por eso lo prefieren tanto los redactores técnicos como los desarrolladores.
La mayoría de editores modernos soporta *GitHub-Flavored Markdown* (GFM), que añade tablas, listas de tareas, bloques de código con pista de lenguaje, autoenlaces y tachado sobre la especificación original de CommonMark.
, python ) activan el resaltado de sintaxis en muchos renderizadores.Usa # para encabezados, * o _ para énfasis y - para listas. El panel derecho se actualiza mientras escribes.
Añade encabezados, bloques de código y tablas para organizar el documento. Casi todos los editores tienen atajos de teclado (Ctrl+B, Ctrl+I) para el formato más habitual.
Compara la vista previa con la fuente. Si algo no se ve como esperas, normalmente es por una línea en blanco que falta o por un bloque de código mal cerrado.
Copia el Markdown a tu README, o copia el HTML para pegarlo en un correo, un CMS o cualquier sitio que no entienda Markdown.
El 80 % de Markdown que vas a usar a diario. Lo demás está a un buscador de distancia. Especificaciones: CommonMark y GitHub-Flavored Markdown.
| Elemento | Markdown | Se renderiza como |
|---|---|---|
| Encabezado 1 | # Título | Encabezado de nivel superior |
| Encabezado 2 | ## Sección | Encabezado de sección |
| Negrita | **fuerte** | **fuerte** |
| Cursiva | *énfasis* o _énfasis_ | *énfasis* |
| Código en línea | code | code |
| Bloque de código | Envuelve el código entre triples backticks, opcionalmente con pista de lenguaje | Bloque con resaltado de sintaxis |
| Enlace | `texto` | Enlace clicable |
| Imagen | `!alt` | Imagen incrustada |
| Lista | - elemento | Lista con viñetas |
| Lista numerada | 1. elemento | Lista ordenada |
| Lista de tareas (GFM) | - [x] hecho | Casilla marcada |
| Tabla (GFM) | | a | b |\n|---|---|\n| 1 | 2 | | Tabla de dos columnas |
| Cita | > cita | Cita indentada |
# Project Name
A short description in one or two sentences.
## Install
```bashnpm install project-name```
## Quick start
- Step 1- Step 2- Step 3Encabezado, párrafo, comando de instalación dentro de un bloque de código y una lista con viñetas — esa es la columna vertebral de cualquier README decente.
| Feature | Free | Pro ||---------|:----:|:---:|| Editor | ✓ | ✓ || Export | | ✓ |Las barras (|) separan columnas. La línea de guiones marca la alineación, y los caracteres : definen si va a la izquierda, centrada o a la derecha. Las tablas de GFM no necesitan que cuadres los anchos al milímetro — basta con que la estructura sea correcta.
- [x] Draft the post- [x] Add screenshots- [ ] PublishGitHub las renderiza como casillas interactivas dentro de issues y pull requests. Muy útiles para checklists dentro del propio documento y para hacer seguimiento ligero de tareas.
# encabezado, **negrita**, `enlace`) en HTML formateado. Está pensado para que el código fuente se lea bien tal cual.marked, markdown-it o pandoc. La mayoría de generadores de sitios estáticos lo hacen automáticamente al compilar.