将带有内联 PlantUml 的降价文件导出为单个 SVG 文件答案

【问题标题】：Exporting a markdown file with inline PlantUml as a single SVG file将带有内联 PlantUml 的降价文件导出为单个 SVG 文件
【发布时间】：2020-04-30 15:55:53
【问题描述】：

我们的组织使用带有嵌入式 PlantUml 的降价文件。我们正在尝试将完整的 markdown 文件导出到单个 .svg 文件，以便我们可以在第三方应用程序上查看它。 plantuml VSCode 插件可以将每个嵌入的 uml 图导出到自己的文件中，但似乎没有将整个 Markdown 导出为新格式的选项。

示例

我想要这个降价图

## Read
```plantuml
@startuml
ClassA -> ClassB: Read done (location)
@enduml
```

## Write
```plantuml
@startuml
ClassC -> ClassD: Write done (location)
@enduml
```

## Etc...

要导出到如下所示的 .svg 文件：

（这是来自 Visual Studio 的屏幕截图，因此请忽略可能与渲染的 .svg 不同的颜色/字体。）

我希望将标题包含在 .svg 中，而不仅仅是类图。

【问题讨论】：

从您的问题来看，我不清楚您是否只想将图表保存到文件中，在渲染降价时，或者您是否希望能够在 bitbucket 评论中查看图表。在后一种情况下，您应该确保，当您查看 File.md（完整，而不仅仅是部分）时，bitbucket 会渲染降价和嵌入的 plantuml
感谢您的反馈。我有过于冗长的倾向；我将把问题编辑得更直接。
你可以做的是生成一个嵌入图表的 html，然后 XSLT 将输出的 html 转换为 SVG。结果将是一个带有标题和图表的 SVG。

标签： svg visual-studio-code markdown plantuml

【解决方案1】：

它看起来是相关的 (https://github.com/yzhang-gh/vscode-markdown/issues/684)，它将 PlantUML 图嵌入 HTML。

从 Markdown All in One v3.0.0 开始，您可以将 Markdown 文件导出为与 VSCode 内部完全相同的 HTML。在您的情况下，只需安装两个扩展程序（PlantUML 和 MAIO）。

【讨论】：