VitePress 集成 plantuml

方式一

安装插件

pnpm install markdown-it-textual-uml

配置插件

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

方式二

配置画图工具

pnpm 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/