โ Manage your projects
Oct 23, 2023ยท
ยท
2 min read
![Liana Akobian](/author/liana-akobian/avatar_hu20b33a307f2e39683b781bcee9a14b18_24876_50x50_fill_q80_h2_lanczos_center.webp)
Liana Akobian
![](/post/project-management/featured_hu02aa61ae1d9de35cbe238d2676170cb9_181206_bd4615d040a07ef2bce8be027d818985.webp)
Easily manage your projects - create ideation mind maps, Gantt charts, todo lists, and more!
Ideation
Hugo Blox supports a Markdown extension for mindmaps.
Simply insert a Markdown code block labelled as markmap
and optionally set the height of the mindmap as shown in the example below.
Mindmaps can be created by simply writing the items as a Markdown list within the markmap
code block, indenting each item to create as many sub-levels as you need:
```markmap {height="200px"}
- Hugo Modules
- Hugo Blox
- blox-plugins-netlify
- blox-plugins-netlify-cms
- blox-plugins-reveal
```
renders as
- Hugo Modules - Hugo Blox - blox-plugins-netlify - blox-plugins-netlify-cms - blox-plugins-reveal
Diagrams
Hugo Blox supports the Mermaid Markdown extension for diagrams.
An example Gantt diagram:
```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
```
renders as
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
Todo lists
You can even write your todo lists in Markdown too:
- [x] Write math example
- [x] Write diagram example
- [ ] Do something else
renders as
- Write math example
- Write diagram example
- Do something else