如何用Mermaid实现父节点对应独立同名子节点的流程图

可以实现每个父节点对应独立的同名子节点，核心是给节点设置唯一标识ID，同时保留相同的显示文本。Mermaid会通过ID区分不同节点，但展示时只会显示你指定的文本内容。

修改后的Mermaid代码如下：

flowchart TB
    access-denied --> content-viewport1[content-viewport] --> yield
    404 --> content-viewport2[content-viewport] --> yield
    feature-not-available --> content-viewport3[content-viewport] --> feature-not-available-component

这段代码里，我们给每个content-viewport节点分配了唯一的ID（如content-viewport1），方括号内的content-viewport是节点的显示文本。这样Mermaid会将它们识别为三个独立的节点，不会合并，最终的流程图效果就和你期望的一致了。

内容的提问来源于stack exchange，提问作者codermonk