✅ Gestiona tus proyectos

oct. 23, 2023·
Daniel Arbelaez Alvarez
Daniel Arbelaez Alvarez
· 2 min de lectura
Image credit: Unsplash

¡Gestiona fácilmente tus proyectos - crea mapas mentales de ideas, diagramas de Gantt, listas de tareas pendientes y más!

Ideación

Hugo Blox admite una extensión de Markdown para mapas mentales.

Simplemente inserta un bloque de código Markdown etiquetado como markmap y opcionalmente establece la altura del mapa mental como se muestra en el ejemplo a continuación.

Los mapas mentales se pueden crear simplemente escribiendo los elementos como una lista de Markdown dentro del bloque de código markmap, indentando cada elemento para crear tantos subniveles como necesites:


```markmap {height="200px"}
- Hugo Modules
  - Hugo Blox
  - blox-plugins-netlify
  - blox-plugins-netlify-cms
  - blox-plugins-reveal
```

se renderiza como

- Hugo Modules
  - Hugo Blox
  - blox-plugins-netlify
  - blox-plugins-netlify-cms
  - blox-plugins-reveal

Diagramas

Hugo Blox admite la extensión Mermaid de Markdown para diagramas.

Un ejemplo de diagrama de Gantt:

```mermaid
gantt
section Section
Completed :done,    des1, 2014-01-06,2014-01-08
Active        :active,  des2, 2014-01-07, 3d
Parallel 1   :         des3, after des1, 1d
Parallel 2   :         des4, after des1, 1d
Parallel 3   :         des5, after des3, 1d
Parallel 4   :         des6, after des4, 1d
```

se renderiza como

gantt section Section Completed :done, des1, 2014-01-06,2014-01-08 Active :active, des2, 2014-01-07, 3d Parallel 1 : des3, after des1, 1d Parallel 2 : des4, after des1, 1d Parallel 3 : des5, after des3, 1d Parallel 4 : des6, after des4, 1d

Listas de tareas pendientes

Incluso puedes escribir tus listas de tareas pendientes en Markdown también:

- [x] Escribir ejemplo de matemáticas
  - [x] Escribir ejemplo de diagrama
- [ ] Hacer algo más

se renderiza como

  • Escribir ejemplo de matemáticas
    • Escribir ejemplo de diagrama
  • Hacer algo más

¿Te resultó útil esta página? ¡Considera compartirla! 🙌