VuePress Plume Markdown Skill

This skill provides assistance with VuePress Plume markdown extensions, charts, and embeds. It helps users write rich content using the features provided by the theme.

Markdown Extensions

• •Abbreviation - Define abbreviations with tooltips.
• •Annotation - Add inline annotations.
• •Attributes - Add custom attributes to elements.
• •Card - Create card-style layouts.
• •Chat - Simulate chat conversations.
• •Code Tree - Display file trees alongside code blocks.
• •Collapse - Create collapsible details/summary blocks.
• •Container - Custom containers (info, tip, warning, etc.).
• •File Tree - Display file directory structures.
• •Flex - Create flexible column layouts.
• •GitHub Alerts - Use GitHub-style alerts.
• •Icons - Embed icons from Iconify.
• •Include - Include content from other files.
• •Mark - Highlight text.
• •Math - Render mathematical formulas using KaTeX.
• •NPM To - Switch between npm, yarn, pnpm, etc.
• •QR Code - Generate QR codes.
• •Steps - Create step-by-step guides.
• •Tabs - Create tabbed content.
• •Timeline - Create timelines.

Charts

• •Chart.js - Embed Chart.js charts.
• •ECharts - Embed ECharts visualizations.
• •Flowchart - Create flowcharts.
• •Markmap - Create mind maps.
• •Mermaid - Create diagrams using Mermaid.
• •PlantUML - Create UML diagrams.

Embeds

• •AcFun Video - Embed AcFun videos.
• •ArtPlayer - Embed custom videos with ArtPlayer.
• •Audio Reader - Embed audio clips/pronunciation guides.
• •Bilibili Video - Embed Bilibili videos.
• •PDF Reader - Embed PDF files.
• •YouTube Video - Embed YouTube videos.