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 中尝试过，但在带有 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}

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