美人鱼中的空间

Question

我保存了一个.md文件，并正在使用Atom和Mermaid Preview程序包进行查看。我将在其GitHub页面上关闭示例：

 graph TD;
  A-->B;
  A-->C;
  B-->D;
  C-->D;

这可以很好地显示，但是如何在文本之间添加空格？例如：

graph TD;
  A F-->B;
  A-->C;
  B-->D;
  C-->D;

当我放置空格时，预览器为空白。我尝试添加引号，但这无济于事。

Answer 1

尝试一下（没有在Atom中尝试过，但是在带有Mermaid插件的VisualStudio Code中效果很好）：

graph TD;
  id1[A F]-->B;
  A-->C;
  B-->D;
  C-->D;

您可以使用所需的任何ID代替id1。

根据您使用的括号类型，您可以更改渲染节点的外观。

• 带有圆形边缘的盒子-id1(A F)
• 圆圈-id1((A F))
• 不对称形状-id1>A F]
• 菱形-id1{A F}

可以在美人鱼documentation site

上找到