添加plantuml支持

Docusaurus官方中并没有提供plantuml的支持，因此我们需要添加remark扩展，以此来支持在Markdown中插入plantuml图表。

要实现此功能我们需要借助remark-simple-plantuml

安装remark-simple-plantuml

npm install --save @akebifiky/remark-simple-plantuml

shell

配置

export default {
    plugins: [
        [
            '@docusaurus/plugin-content-docs',
            {
                remarkPlugins: [
                    [simplePlantUML, {baseUrl: 'https://www.plantuml.com/plantuml/svg'}]
                ]
            }
        ]
    ]
}

ts

• https://www.plantuml.com/plantuml/svg ：生成svg图片
• https://www.plantuml.com/plantuml/png : 生成png图片
• https://www.plantuml.com/plantuml/txt : 生成ASCII Art（文本，非图片），如下：

     ┌───┐          ┌─────┐
     │Bob│          │Alice│
     └─┬─┘          └──┬──┘
       │    hello      │   
       │──────────────>│   
     ┌─┴─┐          ┌──┴──┐
     │Bob│          │Alice│
     └───┘          └─────┘

title="ascii

如果需要blog中也支持plantuml，则需要在@docusaurus/plugin-content-blog中也增加同样的配置。

使用

```plantuml
@startuml
Bob -> Alice : hello
@enduml
```

相关链接

• PlantUML: https://www.plantuml.com/
• remark: https://github.com/remarkjs/remark