Markdown Super
All-in-one Markdown preview & editing experience for VS Code.
One extension to replace them all — no more juggling 3-4 Markdown plugins.
English | 中文
Features
Split-view preview that stays in sync with your editor. Scroll the editor — preview follows instantly. Click in the preview — editor jumps to the line.
Independent Theme System
Switch the preview between two modes with one click:
- Auto — follows your VS Code theme (dark/light)
- Light — clean white background for reading, independent of VS Code theme
Rich Diagram Support
| Diagram |
Syntax |
Rendering |
| Mermaid |
```mermaid |
Flowcharts, sequence, gantt, etc. |
| PlantUML |
```plantuml |
UML diagrams |
| Markmap |
```markmap |
Interactive mindmaps |
Inline math with $E=mc^2$ and block math with $$...$$. Fast KaTeX rendering.
GFM Alerts
GitHub-style admonition blocks with color-coded cards:
> [!NOTE]
> Useful information
> [!WARNING]
> Critical content
Supports NOTE, TIP, IMPORTANT, WARNING, and CAUTION.
Code Block Enhancements
- Syntax highlighting (180+ languages)
- Language label in the header
- One-click Copy button
- Optional line numbers
Image Support
- Paste images from clipboard (auto-save to
./assets/)
- Drag & drop image files
- Click to zoom (lightbox)
- Local and remote images
Floating TOC Navigation
A floating outline panel in the preview — fades in on hover, auto-highlights the current section as you scroll.
More Features
- Front Matter — YAML header rendered as an info card
- Word Count — status bar shows word count & reading time
- Emoji —
:smile: → 😄
- Anchor Links —
[jump](#heading) works in preview
- Footnotes —
[^1] with auto-numbering
- Task Lists —
- [x] checkboxes
- Quick Formatting — Ctrl+B bold, Ctrl+I italic, Ctrl+K link
- Preview Search — Ctrl+F search within preview
Keyboard Shortcuts
| Shortcut |
Action |
Ctrl+Shift+V |
Open preview to the side |
Ctrl+B |
Toggle bold |
Ctrl+I |
Toggle italic |
Ctrl+K |
Insert link |
Ctrl+Shift+K |
Insert image |
Ctrl+Shift+C |
Toggle inline code |
Ctrl+F (in preview) |
Search in preview |
Settings
| Setting |
Default |
Description |
markdownSuper.mermaid.enabled |
true |
Enable Mermaid rendering |
markdownSuper.katex.enabled |
true |
Enable KaTeX rendering |
markdownSuper.fontSize |
16 |
Preview font size |
markdownSuper.codeBlock.lineNumbers |
false |
Show line numbers |
markdownSuper.image.saveDir |
./assets |
Image save directory |
Requirements
- VS Code 1.90.0 or later
- Works with Remote SSH, WSL, and Codespaces
License
MIT
