自带:流程图mermaid

  • 示例
  • mermaid渲染
    • typora渲染,可以理解为100%功力,很复杂的嵌套一样可以渲染
    • trilium编辑页渲染,基本也是全能
    • trilium分享页渲染,有限计算能力。
      • 算力资源:浏览器对js执行时间的安全限制,一般是几百毫秒
      • 算力需求:Mermaid布局引擎Dagre处理subgraph的布局计算
      • 渲染失败:布局引擎处理超过10个subgraph,进行指数级拓扑计算,会导致js执行超时,浏览器放弃渲染变为裂开的图标
      • 渲染成功:需要将复杂的嵌套,减少子集数量和减少嵌套层级,降低布局引擎计算压力即可