Markdown Plugins

Markdown Syntax Extension

@vuepress/plugin-markdown-container

Register markdown custom containers in your VuePress site

@vuepress/plugin-shiki

Enable syntax highlighting for markdown code fence with Shiki

@vuepress/plugin-markdown-hint

Add hint containers in markdown

@vuepress/plugin-markdown-image

Support image size, render as figure and image lazyloading

@vuepress/plugin-markdown-math

Render tex equations with katex or mathjax

@vuepress/plugin-markdown-tab

Add code tabs or tabs in Markdown

@vuepress/plugin-markdown-ext

Official markdown extension that supports gfm and others

@vuepress/plugin-markdown-stylize

Stylize contents in markdown

@vuepress/plugin-markdown-include

Import common markdown snippet into contents

vuepress-plugin-components

Useful components in markdown

vuepress-plugin-netabare-switch

VuePress2 plugin to add toggle switch for spoilers.

@snippetors/vuepress-plugin-tabs

VuePress2 plugin which renders custom markdown containers as tabs, for vuepress v2.x

@vuepress/plugin-prismjs

Enable syntax highlighting for markdown code fence with Prism.js

Features Integrations

ECharts

Integrate ECharts to display charts in Markdown

Mermaid

Integrate Mermaid to display diagrams in Markdown

Vue Playground

Integrate Vue Playground in Markdown

@vuepress/plugin-revealjs

Integrate slides with Reveal.js in Markdown

@vuepress/plugin-shiki

Enable syntax highlighting for markdown code fence with Shiki

Chart.js

Integrate Chart.js to display charts in Markdown

Flowchart

Integrate flowchart.js to display flowcharts in Markdown

Code demo

Run and show code snippets in Markdown

Playground

Integrate external playground services in Markdown

@vuepress/plugin-prismjs

Enable syntax highlighting for markdown code fence with Prism.js

Helpers

vuepress-plugin-markdown-define2

Define variables in markdown