Mermaid Diagrams
2 min read
Mermaid Diagrams
Mermaid lets you define diagrams as code inside fenced code blocks. The help center renders them as interactive SVGs.
Content Publishing Workflow
A typical flow for getting an article from draft to live:
mermaid
CLI Push Flow
How the CLI pushes content from your local filesystem to the help center:
mermaid
Article Lifecycle
Every article moves through a set of well-defined states:
mermaid
Content Distribution
A breakdown of articles by category in a typical help center:
mermaid
Help Center Setup Timeline
A realistic timeline for setting up a help center from scratch:
mermaid