php网站后台,wordpress 链接 弹窗,绩溪做网站,怎么查看网站主机商1: 现象描述
今天画时序图的时候#xff0c;发现时序上面没有显示序号#xff0c;看起来不够清晰#xff0c;只有单纯的说明; 如下图所示 刚测试CSDN的时序图#xff0c;默认是带序号的#xff0c;看起来和实际使用的markdown工具有关系#xff1b;
2#xff1a;解决办…1: 现象描述
今天画时序图的时候发现时序上面没有显示序号看起来不够清晰只有单纯的说明; 如下图所示 刚测试CSDN的时序图默认是带序号的看起来和实际使用的markdown工具有关系
2解决办法
如果实际使用的markdown工具不支持自动添加序号的话可以使用 “autonumber” 语法如下面代码所示则会自动添加序号
sequenceDiagram
autonumbermqtt-平台: 上报位置等基础信息平台-mqtt : 发送作业数据或控制信息#mermaid-svg-WrqkgwvyXnm4Lsim {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-WrqkgwvyXnm4Lsim .error-icon{fill:#552222;}#mermaid-svg-WrqkgwvyXnm4Lsim .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-WrqkgwvyXnm4Lsim .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-WrqkgwvyXnm4Lsim .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-WrqkgwvyXnm4Lsim .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-WrqkgwvyXnm4Lsim .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-WrqkgwvyXnm4Lsim .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-WrqkgwvyXnm4Lsim .marker{fill:#333333;stroke:#333333;}#mermaid-svg-WrqkgwvyXnm4Lsim .marker.cross{stroke:#333333;}#mermaid-svg-WrqkgwvyXnm4Lsim svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-WrqkgwvyXnm4Lsim .actor{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-WrqkgwvyXnm4Lsim text.actortspan{fill:black;stroke:none;}#mermaid-svg-WrqkgwvyXnm4Lsim .actor-line{stroke:grey;}#mermaid-svg-WrqkgwvyXnm4Lsim .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333;}#mermaid-svg-WrqkgwvyXnm4Lsim .messageLine1{stroke-width:1.5;stroke-dasharray:2,2;stroke:#333;}#mermaid-svg-WrqkgwvyXnm4Lsim #arrowhead path{fill:#333;stroke:#333;}#mermaid-svg-WrqkgwvyXnm4Lsim .sequenceNumber{fill:white;}#mermaid-svg-WrqkgwvyXnm4Lsim #sequencenumber{fill:#333;}#mermaid-svg-WrqkgwvyXnm4Lsim #crosshead path{fill:#333;stroke:#333;}#mermaid-svg-WrqkgwvyXnm4Lsim .messageText{fill:#333;stroke:#333;}#mermaid-svg-WrqkgwvyXnm4Lsim .labelBox{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-WrqkgwvyXnm4Lsim .labelText,#mermaid-svg-WrqkgwvyXnm4Lsim .labelTexttspan{fill:black;stroke:none;}#mermaid-svg-WrqkgwvyXnm4Lsim .loopText,#mermaid-svg-WrqkgwvyXnm4Lsim .loopTexttspan{fill:black;stroke:none;}#mermaid-svg-WrqkgwvyXnm4Lsim .loopLine{stroke-width:2px;stroke-dasharray:2,2;stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);}#mermaid-svg-WrqkgwvyXnm4Lsim .note{stroke:#aaaa33;fill:#fff5ad;}#mermaid-svg-WrqkgwvyXnm4Lsim .noteText,#mermaid-svg-WrqkgwvyXnm4Lsim .noteTexttspan{fill:black;stroke:none;}#mermaid-svg-WrqkgwvyXnm4Lsim .activation0{fill:#f4f4f4;stroke:#666;}#mermaid-svg-WrqkgwvyXnm4Lsim .activation1{fill:#f4f4f4;stroke:#666;}#mermaid-svg-WrqkgwvyXnm4Lsim .activation2{fill:#f4f4f4;stroke:#666;}#mermaid-svg-WrqkgwvyXnm4Lsim .actorPopupMenu{position:absolute;}#mermaid-svg-WrqkgwvyXnm4Lsim .actorPopupMenuPanel{position:absolute;fill:#ECECFF;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);filter:drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}#mermaid-svg-WrqkgwvyXnm4Lsim .actor-man line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;}#mermaid-svg-WrqkgwvyXnm4Lsim .actor-man circle,#mermaid-svg-WrqkgwvyXnm4Lsim line{stroke:hsl(259.6261682243, 59.7765363128%, 87.9019607843%);fill:#ECECFF;stroke-width:2px;}#mermaid-svg-WrqkgwvyXnm4Lsim :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;} mqtt 平台 上报位置等基础信息 1 发送作业数据或控制信息 2 mqtt 平台
