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>

最终显示效果如下