✅ Manage your projects
✨

✅ Manage your projects

Oct 23, 2023·
Syed Ibrar Hussain, PhD
Syed Ibrar Hussain, PhD
· 2 min read
Image credit: Unsplash
blog

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
  - netlify
  - netlify-cms
  - slides
```

renders as

- Hugo Modules
  - Hugo Blox
  - netlify
  - netlify-cms
  - slides

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

Did you find this page helpful? Consider sharing it 🙌

Hugo Blox Markdown
Syed Ibrar Hussain, PhD
Authors
Syed Ibrar Hussain, PhD (he/him)
Senior AI Research Scientist
I am a postdoctoral researcher specializing in multimodal and generative deep learning for biomedical imaging and genetics. Experienced in developing CNNs, GANs, and diffusion models for medical imaging, integrating heterogeneous datasets to learn representations predictive of phenotypic and genotypic factors. Skilled in distributed HPC, Python-based deep learning frameworks (PyTorch/TensorFlow), and reproducible AI pipelines for research in high-dimensional biomedical data.