《美人鱼》中的空间

我有一个.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;

当我输入空格时，预览器会变成空白。我尝试添加引号，但这没有帮助。

试试这个（还没有在 Atom 中尝试过，但它在带有 Mermaid 插件的 VisualStudio Code 中运行良好）：

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

代替id1你可以使用任何你想要的id。

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

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

这可以在美人鱼身上找到文档站点 https://mermaid-js.github.io/mermaid/#/flowchart