Mermaid
Nextra支持mermaid (opens in a new tab)图表。
就像在GitHub中一样，您可以在markdown文件中使用mermaid代码块语言。
Nextra默认使用@theguild/remark-mermaid (opens in a new tab)包，
该包将代码块替换为<Mermaid />组件。
示例
用法
Markdown
```mermaid
graph TD;
subgraph AA [Consumers]
A[Mobile app];
B[Web app];
C[Node.js client];
end
subgraph BB [Services]
E[REST API];
F[GraphQL API];
G[SOAP API];
end
Z[GraphQL API];
A --> Z;
B --> Z;
C --> Z;
Z --> E;
Z --> F;
Z --> G;
```