美人鱼的空间

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