✅ Manage your projects
✨

✅ Manage your projects

Oct 23, 2023·
Zhifeng Cheng
Zhifeng Cheng
· 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 🙌

Zhifeng Cheng
Authors
PhD in Geography

I am a PhD graduate at the WorldPop, University of Southampton. My research focuses on how environmental and policy changes shape human behaviours and population health, bridging geospatial data sciences, computational social science, econometrics, and public health.

My current work focuses on three themes: 1) Spatiotemporal population dynamics, mapping monthly, daily, to hourly population distribution by integrating mobile phone positioning and geospatial data. 2) Human behaviours and disease dynamics, drawing on social media and digital traces data to examine how human mobility and health behaviours shape infectious disease transmission, and how health interventions affect mental well-being. 3) Human mobility and climate change, which investigates the impacts of climate and environmental exposure, including floods, tropical cyclones, and wildfires, on human mobility and population health.