Draw-Diagrams-With-Markdown | 仲夏叶 | Ryan Stornado

[stornado]

https://stornado.github.io/2020/05/23/draw-diagrams-with-markdown/

Draw Diagrams With Markdown August 15, 2016 by typora.io Typora supports some Markdown extensions for diagrams, once they are enabled from preference panel. When exporting as HTML, PDF, epub, docx, th

[stornado]

sequence

```sequence
```

flowchart

```flow
```

mermaid

sequence

```mermaid
sequenceDiagram
```

flowchart

```mermaid
graph TB
```

class

```mermaid
classDiagram
```

pie

```mermaid
pie
```

[stornado]

  NexT.utils.getScript('{{ mermaid_uri }}', () => {
    mermaid.initialize({
      theme    : '{{ theme.mermaid.theme }}',
      logLevel : 3,
      flowchart: { curve     : 'linear' },
      gantt    : { axisFormat: '%m/%d/%Y' },
      sequence : { actorMargin: 50 }
    });
  }, window.mermaid);

由于 mermaid 初始化时使用了 window.mermaid，故不能用 mermaid 中标题，否则会导致 mermaid.initialize 无效，不能初始化 mermaid，无法渲染图形