markmap-vscode

This extension integrates markmap into VSCode.

Features

• Preview markdown files as markmap
• Edit markdown files in a text editor and the markmap will update on the fly
• Works offline

Usage

Command Palette

Open a markdown file. Then open the Command Palette (⇧⌘P) and search Open as markmap, press enter.

Context menu

Right click on a markdown file, then choose Open as markmap.

Button on title-bar

Open a markdown file. Find the markmap icon on the editor title-bar and click it.

Configuration

Custom CSS

Extra CSS to customize the style of markmap.

Default Options

A JSON object that will be overridden by markmap object in frontmatter, passed to markmap-view.

{
  "color": "#2980b9",
  "embedAssets": false
}

• color: string | string[]

  Define the color of lines and circles in markmap. If only one color is provided, the markmap will be rendered in solid color.

• embedAssets: boolean

  Whether to embed all critical assets in HTML to remove CDN dependencies (jsdelivr). This is helpful to regions that block CDNs. The downside is that the exported HTML file will be bloated.

  Note: Plugin assets will not be embedded for now.