美人鱼的空间

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}

这可以在美人鱼文档网站上找到