Mermaid 数据包图速查表

一个网络包的比特，一段一段看。

这个页面上的每一张图都由Mernyx——macOS 上的原生 Mermaid 编辑器绘制。不是浏览器里跑的 Mermaid.js，而是 App 画布用的同一个渲染器。

给比特区间命名

字段是它覆盖的比特和用引号包住的名字。这些区间必须首尾相接。

packet-beta
  0-15: "Source port"
  16-31: "Destination port"
  32-63: "Sequence number"

一个加号加一个数字说明这个字段有多宽，它从前一个字段结束的地方接着开始。

packet-beta
  +8: "Version"
  +8: "Flags"
  +16: "Payload"

打开一个 .mmd 文件，在画布上挪一个节点，源码跟着走。macOS 原生，不经过浏览器。