110 lines
2.4 KiB
Markdown
110 lines
2.4 KiB
Markdown
---
|
|
title: ✅ Manage your projects
|
|
summary: Easily manage your projects - create ideation mind maps, Gantt charts, todo lists, and more!
|
|
date: 2023-10-23
|
|
authors:
|
|
- me
|
|
tags:
|
|
- Hugo Blox
|
|
- Markdown
|
|
image:
|
|
caption: 'Image credit: [**Unsplash**](https://unsplash.com)'
|
|
cover:
|
|
image: "https://images.unsplash.com/photo-1557682250-33bd709cbe85?q=80&w=2560"
|
|
position:
|
|
x: 50
|
|
y: 40
|
|
overlay:
|
|
enabled: true
|
|
type: "gradient"
|
|
opacity: 0.4
|
|
gradient: "bottom"
|
|
fade:
|
|
enabled: true
|
|
height: "80px"
|
|
icon:
|
|
name: "✨"
|
|
---
|
|
|
|
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:
|
|
|
|
<div class="highlight">
|
|
<pre class="chroma">
|
|
<code>
|
|
```markmap {height="200px"}
|
|
- Hugo Modules
|
|
- Hugo Blox
|
|
- blox-plugins-netlify
|
|
- blox-plugins-netlify-cms
|
|
- blox-plugins-reveal
|
|
```
|
|
</code>
|
|
</pre>
|
|
</div>
|
|
|
|
renders as
|
|
|
|
```markmap {height="200px"}
|
|
- 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
|
|
|
|
```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
|
|
```
|
|
|
|
## Todo lists
|
|
|
|
You can even write your todo lists in Markdown too:
|
|
|
|
```markdown
|
|
- [x] Write math example
|
|
- [x] Write diagram example
|
|
- [ ] Do something else
|
|
```
|
|
|
|
renders as
|
|
|
|
- [x] Write math example
|
|
- [x] Write diagram example
|
|
- [ ] Do something else
|
|
|
|
## Did you find this page helpful? Consider sharing it 🙌
|