Markdown Plugins

Markdown Syntax Extension

@vuepress/plugin-container

Register markdown custom containers in your VuePress site

attrs

Add attrs to markdown elements

@vuepress/plugin-shiki

Enable syntax highlighting for markdown code fence with Shiki

hint-container

Add hint containers in markdown

tabs

Add Tab groups in Markdown

code-tab

Add code tabs in markdown

footnote

Footnote grammar support

task list

Tasklist grammar support

image caption, resize and lazyload

Support image size grammar, displaying image as figure and image lazyloading

include other markdown files

Import common markdown snippet into contents

katex and mathjax support

Render tex equations with katex or mathjax

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

Slides

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