markdown本身是不支持画系统框图或系统结构图的;但是可以参考excel的语法格式,用合并单元格+填充背景色,来实现我们预期的效果;
源代码是html语法,如果有其它需求也可以自己搜索html语法,进行优化
<table>
<tr>
<td bgcolor="#EEE8AA" align="center" colspan="3"><b>OBU</b></td>
<td> </td>
<td bgcolor="#ADFF2F" align="center"><b>HDMI屏</b></td>
</tr>
<tr>
<td bgcolor="#FAFAD2" rowspan="3">cv2x_app</td>
<td align="center" rowspan="3">UDP通信</td>
<td bgcolor="#FAFAD2" align="center" rowspan="3">hdmi_adapter</td>
<td align="center" ></br></td>
<td bgcolor="#98FB98" align="center" rowspan="3">显示</td>
</tr>
<tr>
<td align="center">HDMI连接线</td>
</tr>
<tr>
<td align="center"></br></td>
</tr>
</table>
最终显示效果如下
设备1 | 设备2 | |||
app1 | UDP通信 | app2 | 显示 | |
连接线 | ||||