用markdown(typora)画系统框图或系统结构图

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
app1UDP通信app2显示
连接线
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值