2021-07-04-diagrams.md

layout	post
title	a post with diagrams
date	2021-07-04 10:39:00 -0700
tags	formatting diagrams
description	an example of a blog post with diagrams
mermaid	enabled zoomable true true

This theme supports generating various diagrams from a text description using mermaid{:target="_blank"}. Previously, this was done using the jekyll-diagrams{:target="_blank"} plugin. For more information on this matter, see the related issue.

To enable mermaid, you have to put the following in this post frontmatter:

mermaid:
  enabled: true
  zoomable: true

To disable the zooming feature, set mermaid: zoomable to false.

Mermaid

The diagram below was generated by the following code:

```mermaid
sequenceDiagram
    participant John
    participant Alice
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!
```

sequenceDiagram
    participant John
    participant Alice
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!

Loading