markdown - 美人鱼的空间

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 中尝试过，但它在带有美人鱼插件的 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}

这可以在美人鱼上找到 documentation site