Academic supports a Markdown extension for diagrams. You can enable this feature by toggling the diagram option in your config/_default/params.toml file or by adding diagram: true to your page front matter.
An example flowchart – в столбец TD:
1
2
3
4
5
6
7
{{< mermaid >}}
graph TD
A[Hard] -->|Text| B(Round)
B --> C{Decision}
C -->|One| D[Result 1]
C -->|Two| E[Result 2]
{{< /mermaid >}}
renders as
An example sequence diagram:
1
2
3
4
5
6
7
8
9
sequenceDiagram
Alice->>John: Hello John, how are you?
loop Healthcheck
John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts!
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!
renders as
1
2
3
4
5
{{< mermaid >}}
pie title NETFLIX
"Time spent looking for movie" : 90
"Time spent watching it" : 10
{{< /mermaid >}}
base
1
2
3
4
5
6
7
{{< mermaid >}}
graph LR;
A[Hard edge] -->|Link text| B(Round edge)
B --> C{Decision}
C -->|One| D[Result one]
C -->|Two| E[Result two]
{{< /mermaid >}}