时间戳

首页 > 解决方案 > 如何在 Gitlab Markdown 中指定 Mermaid 配置？

gitlab - 如何在 Gitlab Markdown 中指定 Mermaid 配置？

问题描述

在 Gitlab 中，我已经能够在此处指定的 Markdown 文件中呈现带有美人鱼的实体关系图。

这是我使用的 Markdown：

```mermaid
erDiagram
        CUSTOMER }|..|{ DELIVERY-ADDRESS : has
        CUSTOMER ||--o{ ORDER : places
        CUSTOMER ||--o{ INVOICE : "liable for"
        DELIVERY-ADDRESS ||--o{ ORDER : receives
        INVOICE ||--|{ ORDER : covers
        ORDER ||--|{ ORDER-ITEM : includes
        PRODUCT-CATEGORY ||--|{ PRODUCT : contains
        PRODUCT ||--o{ ORDER-ITEM : "ordered in"
                    
```

美人鱼交互式编辑器提供了一个配置示例：

{
  "theme": "default"
}

但我不知道在哪里可以找到该配置信息。我已经尝试将它放在同一个目录中，在一个名为config.jsonor的文件中mermaid-config.json，但这些都没有奏效。我还尝试将它包含在定义图表的 Markdown 中，这只会导致它渲染不正确。有没有办法为 Gitlab 指定主题或其他 CSS 元素？

标签： gitlabmarkdownmermaid

解决方案

刚刚试了一下，效果很好

 ```mermaid 
 %%{init: { 'theme':'dark', 'sequence': {'useMaxWidth':false} } }%%
 sequenceDiagram 
   alice ->> mark: Sent a flower
 ```

推荐阅读