How to create a mkdocs site with mermaid

mkDocsMermaid.md

Install MkDocs

pip install mkdocs

Activate Mermaid

Add the javascript file in the yml :

site_name: My Docs 

extra_javascript:
    - https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.4.4/mermaid.min.js

Add this line at the top of each page :

<script>mermaid.initialize({startOnLoad:true});</script>

Add Theming :

pip install mkdocs-bootswatch

and update the yml file :

site_name: My Docs 

extra_javascript:
    - https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.4.4/mermaid.min.js

theme: flatly

result

https://universitedauphine-my.sharepoint.com/:u:/g/personal/camille_moatti_dauphine_eu/EYGdj3MOAjNGt2ZURfxGk5ABathWzJ21pA-oi5JRpwpnew?e=398Sfp
https://universitedauphine-my.sharepoint.com/:u:/g/personal/camille_moatti_dauphine_eu/EYGdj3MOAjNGt2ZURfxGk5ABathWzJ21pA-oi5JRpwpnew?download=1