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

This theme supports generating various diagrams from a text description using mermaid. Previously, this was done using the jekyll-diagrams 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!