โ Manage your projects
Oct 23, 2023ยท
ยท
2 min read
![jerm](/author/jerm/avatar_hu3c64bd0f98018e2d901b7c60447ac42e_1387900_50x50_fill_q95_h2_lanczos_center.webp)
jerm
![](/blog/project-management/featured_hu02aa61ae1d9de35cbe238d2676170cb9_181206_2135bf2fb5095ffea9ed6be6f2d667a0.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