VitePress 集成 plantuml

方式一

安装插件

npm install markdown-it-textual-uml

配置插件

export default defineConfig({
    // ...
    markdown: {
        config: (md) => {
            // 使用更多的 Markdown-it 插件！
            md.use(markdownItTextualUml);
        },
    },
});

方式二

配置画图工具

npm install vitepress-plugin-diagrams

import {defineConfig} from 'vitepress'
import {configureDiagramsPlugin} from "vitepress-plugin-diagrams";

export default defineConfig({
    themeConfig: {
        // ...
    },
    markdown: {
        config: (md) => {
            configureDiagramsPlugin(md, {
                diagramsDir: "public/diagrams", // Optional: custom directory for SVG files
                publicPath: "/diagrams", // Optional: custom public path for images
            });
        },
    },
    srcExclude: ['.area/', '.posts/', 'readme.md'],
})

gzip -r /path/to/your/static_files/