How to use Mermaid on your Ghost Blog

What is Mermaid?

graph TD;
A-->B;
A-->C;
B-->D;
C-->D;

Diagrams like the one above usually require expensive software to create and have GUIs that can be a pain to use. Mermaid fixes this with a Markdown style approach by using a simple syntax to generate beautiful diagrams, flowcharts and even GANTT Charts quickly. For example, the above flowchart was easily made with the following code.