Notación Markdown
Manual de notación Markdown (Guía rápida y ejemplos)
Utiliza esta guía para dar formato a tu contenido en el Text Chart. ProcessMind es compatible con las bases de CommonMark y extensiones populares de GitHub-Flavored Markdown (GFM), incluidas tablas, listas de tareas y tachado.
Encabezados
Usa de # a ###### al inicio de la línea:
# H1
## H2
### H3
#### H4
##### H5
###### H6
Párrafos y saltos de línea
Separa los párrafos con una línea en blanco.
Salto de línea simple: termina con dos espacios o usa <br>.
Primera línea con salto blando··
sigue en la línea siguiente.
Nuevo párrafo tras una línea en blanco.
Énfasis (cursiva, negrita, tachado)
*cursiva* o _cursiva_
**negrita** o __negrita__
***negrita cursiva***
~~tachado~~ <!-- GFM -->
Listas (viñetas, numeradas y anidadas)
Viñetas: -, +, o *. Numeradas: 1., 2., etc.
- Ítem A
- Ítem B
- Ítem B1 anidado
- Ítem B2 anidado
1. Paso uno
2. Paso dos
1. Subpaso
2. Subpaso
Consejo: Mantén la misma indentación (2-4 espacios) en elementos anidados.
Enlaces
En línea y de referencia:
En línea: [ProcessMind](https://processmind.com)
Con título: [Sitio](https://example.com "Título opcional")
Referencia: [Docs][docs-link]
[docs-link]: https://example.com/docs
Imágenes
El texto alternativo es clave para la accesibilidad.
Imágenes de referencia:
![Logo][logo]
[logo]: https://example.com/logo.png
Citas en bloque
Usa > al inicio de la línea. Anida usando varios >.
> Cita de una sola línea.
>
> Cita de múltiples párrafos:
>
> > Cita anidada nivel 2.
Código (en línea y bloques)
El código en línea usa comillas invertidas: ```código. [tu código] ```
Los bloques de código usan tres comillas invertidas. Añade el lenguaje para resalte de sintaxis.
- Ejemplos ```code
Aquí va un `inline code`.
Si tu contenido ya tiene comillas invertidas triples, usa cuatro comillas para el bloque.
Líneas horizontales
Tres o más ---, *** o ___ en una línea sola:
---
Tablas
Utiliza | y separadores de encabezado ---. Los dos puntos (:) alinean texto.
| Columna | Tipo | Notas |
|:--------------|:-------:|:-----------------------|
| Nombre | String | Alinear a la izquierda |
| Score | Number | Alinear a la izquierda |
| Descripción | String | Alinear a la izquierda |
| Columna | Tipo | Notas |
|---|---|---|
| Nombre | String | Alinear a la izquierda |
| Score | Number | Alinear a la izquierda |
| Descripción | String | Alinear a la izquierda |
Una línea en blanco antes de la tabla ayuda al renderizado en algunos parsers.
Listas de tareas
Usa - [ ] y - [x].
- [x] Diseñar el esquema
- [ ] Implementar API
- [ ] Escribir tests
- Diseñar el esquema
- Implementar API
- Escribir tests
Caracteres especiales de escape
Antepon una barra invertida \ para mostrar caracteres literales.
\*No cursiva\*, muestra los asteriscos literales.
Usa barra invertida con \#, \[, \], \(, \), \_, \*, \`, \|, \>
Enlaces e imágenes de referencia
Mantén el contenido limpio recopilando todas las referencias al final.
Lee la [Guía][g].
Mira la ![Insignia][b].
[g]: https://example.com/guide
[b]: https://example.com/badge.svg
Enlaces automáticos y emails
Las URLs sueltas suelen enlazarse automáticamente. Los corchetes angulares lo fuerzan.
https://example.com
<mailto:hello@example.com>
HTML en línea (opcional)
La mayoría de visores permiten HTML en línea seguro cuando Markdown no es suficiente.
<strong>Negrita</strong> y <em>cursiva</em> con HTML.
<br>
<span style="font-variant:small-caps">Small caps</span>
Nota: No todas las etiquetas HTML son compatibles por razones de seguridad y compatibilidad.
Errores comunes
- Saltos de línea: Usa dos espacios al final o
<br>. - Anidar listas: Indenta los ítems anidados de forma consistente (2-4 espacios).
- Bloques de código: Añade el lenguaje después de las comillas para resaltar sintaxis.
- Tablas: Incluye una línea en blanco antes de la tabla.
- Imágenes: Usa siempre textos alt informativos.
- Mezcla de tabs y espacios: Prefiere espacios para un renderizado fiable.
Template inicial
Copia y adapta:
### Title of TextChart
Short intro paragraph that explains the context.
Value of the metric ${metric} is measured.
Visit us at: https://processmind.com
#### Puntos clave
- Punto A
- Punto B
- Punto C