如何为Mermaid状态图中标注5V的节点链接设置红粗样式？

要给Mermaid状态图里的指定链接设置样式，你可以使用linkStyle指令，通过链接的索引（从0开始计数）定位目标链接，再定义对应的样式属性。

针对你提供的状态图，要把标注为「5V」的两个链接设置为红色并加粗，操作步骤如下：

1. 先确认目标链接的索引：

   • RaspPi → Relay：索引0
   • Power5V → Relay：索引1
   • Relay → Load：索引2

2. 使用linkStyle指令为索引1和2的链接添加样式，可配置的核心属性包括：

   • stroke：链接线条颜色
   • stroke-width：线条粗细（实现加粗效果）
   • fill：链接文本颜色
   • font-weight：文本加粗

修改后的完整代码如下：

stateDiagram
  direction LR
  RaspPi --> Relay :GPIO
  Power5V --> Relay: 5V
  Relay --> Load: 5V
  linkStyle 1,2 stroke:red,stroke-width:2px,fill:red,font-weight:bold

这样就能让两条标注「5V」的链接线条变为红色加粗，同时文本也同步设置为红色加粗样式。

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