VitePress 专属增强库来袭

你见过能让 Markdown 支持 BBCode、Mermaid、MarkMap 的 VitePress 吗？

你想过在技术文档中加载 3D 模型、图像预览，甚至实现自动朗读吗？

我们做到了。

🧪 文档演示 |
📦 npm 安装 |
🧭 GitHub 项目

---

🔧 你能用它做什么？

这不是一个 UI 框架，也不是 Markdown 工具集，而是专为 文档增强 + 媒体融合 打造的 VitePress 插件库。

每个组件都是独立设计、按需加载、开箱即用，支持 SSR，适配明暗主题，无痛集成到你的 VitePress 项目中。

---

📚 支持的组件一览

🧩 BBCode

让你的 Markdown 文件支持 BBCode 语法，兼容老论坛风格，也能转为树形结构进行富文本渲染。

[b]粗体文本[/b]
[i]斜体文本[/i]
[u]下划线文本[/u]
[url=https://leelaa.cn]这是一个链接[/url]
[img]https://api.vvhan.com/api/wallpaper/views[/img]
[quote]这是一段引用文本[/quote]
[code]console.log('这是代码块');/n function example() { return true; }[/code]
[size=2]这是大一点的文本[/size]
[color=red]这是红色文本[/color]

粗体文本
斜体文本
下划线文本
这是一个链接

这是一段引用文本

console.log('这是代码块');/n function example() { return true; }

这是大一点的文本
这是红色文本

---

🌊 Mermaid

图表即文档，Mermaid 帮你可视化流程、时序、状态机等结构。

mindmap
    root((核心主题))
        子主题1
            子主题1.1
            子主题1.2
        子主题2
            子主题2.1
            子主题2.2
        子主题3

---

🧠 MarkMap

把 Markdown 转成交互式思维导图，适用于项目规划、知识结构整理。

# 项目结构
## 插件系统
### BBCode
### MarkMap
## 渲染层
### Vue3
### Tailwind

---

🖼️ ImagePreview

不止是“点一下放大”，这是一个支持缩放、全屏、缩略图导航的专业级图片预览器。

美丽的风景11 / 2

---

🧊 GLBLoad

支持 GLB/GLTF 文件的 3D 模型加载器，适合在文档中展示模型预览或交互设计。

损坏的头盔已就绪

标准光照明亮光照柔和光照戏剧光照

🔊 ToSpeech

基于 Web Speech API 的文字朗读组件，把你的博客变成“有声文章”。

vitepress-plugin-extended —— 专属于 VitePress 的增强组件库，让你的文档 更好看、更好听、更好用。