Syntax Guide

Standard Markdown

Headings (# through ######) create the mind map branch hierarchy. The first heading becomes the root node, deeper headings create sub-branches. Bold (**text**), italic (*text*), strikethrough (~~text~~), inline code (code). Ordered and unordered lists, nested lists.

Code Blocks

Triple-backtick fenced blocks with language tags render syntax-highlighted code in mind map nodes. Example:```javascript console.log('hello') ```

Links and Images

Inline links [text](url) render as clickable links in mind map nodes. Images can be referenced using standard markdown image syntax.

Checkbox Syntax

- [ ] creates an unchecked checkbox node. - [x] creates a checked checkbox node. Useful for task tracking and progress visualization.

Color Tags {#color}

Custom extension. Place {#color:NAME} after node text to apply a color. Eight named colors: red, blue, green, orange, purple, pink, yellow, gray. Example: ## Idea {#color:blue} renders the "Idea" branch in blue. Type {#color: in the editor to trigger the color autocomplete.

Annotations ::

Custom extension. Place :: text at the end of a line to add an annotation badge to the node. Example: ## Deadline :: March 15 shows an annotation bubble next to the node.

Separator ---

A horizontal rule (---) creates a visual separator between branches at the same level. Useful for dividing sections within the mind map.

Full Example

# Project Overview
## Frontend {#color:blue}
:: React + Next.js
---
## Backend {#color:green}
- API Server
- Database
## Tasks
- [ ] Design mockups
- [x] Setup CI/CD