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

attrs

Add attrs to markdown elements

footnote

Footnote grammar support

task list

Tasklist grammar support

files include

Import common markdown snippet into contents

vuepress-plugin-components

Useful components in markdown

align

Customize elements alignment in Markdown

Superscript and Subscript

Superscript and Subscript grammar support

mark

Highlight words with mark grammar

Stylize

Stylize words the way you like

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