VS Code Markmap Universe

Create interactive mindmaps from Markdown in VS Code's built-in preview using markmap, with seamless support for both hexo-markmap tags and markmap code blocks.

Features

• Real-time Markmap Preview
• hexo-markmap Tag Support:
  • Recognize {% markmap %}...{% endmarkmap %} syntax.
  • Provide folding for hexo-markmap tags.
• Code Block Support:
  • Render fenced code blocks with the markmap language identifier.
• Customizable Preview:
  • Adjust styles and options via frontmatter.
  • Compatible with remark-markmap and hexo-markmap.
• Syntax highlighting:
  • Highlight Markmap frontmatter and Markdown content.

Usage

hexo-markmap Tags

{% markmap %}
---
markmap:
  colorFreezeLevel: 2
---
# Markdown
# Syntax
{% endmarkmap %}

Code Block

```markmap
---
markmap:
  colorFreezeLevel: 2
---
# Markdown
# Syntax
```

Inline Options

You can customize each mindmap individually in the markmap tag.

Frontmatter Options

All frontmatter options are optional.

• id : Used to define the ID of the markmap-wrap element.

• markmap : Correspond to the IMarkmapJSONOptions in the markmap project. For more details, please refer to jsonOptions.

hexo-markmap Tag Options

For the hexo-markmap tag, you can also specify the height of the mindmap directly in the tag, by default it will be calculated based on the content.

{% markmap 300px %}
# Markdown
# Syntax
{% endmarkmap %}

Configuration

markmap-universe.globalOptions

• Type: object: Global options for all mindmaps. Correspond to the markmap in Frontmatter Options.
• Default: {}

markmap-universe.toolbar

• Type: boolean: Show the toolbar.
• Default: true

Credits

Inspired by the following projects:

• vscode-markdown-markmap
• markmap-vscode