A preprocessor for mdbook to add mermaid support
Find a file
2026-02-05 11:57:24 +01:00
.cargo Provide an xtask to update the bundled mermaid asset 2025-03-28 16:06:23 +01:00
.github/workflows CI: Use Ubuntu 22.04 for x86_64 Linux build 2025-10-17 14:52:59 +02:00
src Fixed an issue that prevented the on click event listener from applying to the theme menu items 2026-02-05 11:57:24 +01:00
tests/it Fix usage of assert_cmd 2025-11-18 10:39:12 +01:00
xtask Add MPL license header to source files 2025-05-20 11:11:59 +02:00
.gitignore Prepare for a release 2019-07-10 21:35:46 +02:00
Cargo.lock chore: Release 2025-11-18 10:41:49 +01:00
Cargo.toml chore: Release 2025-11-18 10:41:49 +01:00
CHANGELOG.md Prepare release v0.17.0 2025-11-18 10:41:10 +01:00
LICENSE Add license and readme 2018-07-20 12:02:20 +02:00
README.md Provide an xtask to update the bundled mermaid asset 2025-03-28 16:06:23 +01:00
release.toml Remove tag prefix to trigger proper releases 2019-07-10 22:05:20 +02:00
simple-graph.png Add license and readme 2018-07-20 12:02:20 +02:00

mdbook-mermaid

A preprocessor for mdbook to add mermaid.js support.

It turns this:

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

into this:

Simple Graph

in your book. (Graph provided by Mermaid Live Editor)

Installation

From source

To install it from source:

cargo install mdbook-mermaid

This will build mdbook-mermaid from source.

Using cargo-binstall

If you have cargo-binstall already:

cargo binstall mdbook-mermaid

This will download and install the pre-built binary for your system.

Manually

Binary releases are available on the Releases page. Download the relevant package for your system, unpack it, and move the mdbook-mermaid executable into $HOME/.cargo/bin:

Configure your mdBook to use mdbook-mermaid

When adding mdbook-mermaid for the first time, let it add the required files and configuration:

mdbook-mermaid install path/to/your/book

This will add the following configuration to your book.toml:

[preprocessor.mermaid]
command = "mdbook-mermaid"

[output.html]
additional-js = ["mermaid.min.js", "mermaid-init.js"]

It will skip any unnecessary changes and detect if mdbook-mermaid was already configured.

Additionally it copies the files mermaid.min.js and mermaid-init.js into your book's directory. You find these files in the src/bin/assets directory. You can modify mermaid-init.js to configure Mermaid, see the Mermaid documentation for all options.

Finally, build your book:

mdbook path/to/book

Development

Update the bundled mermaid.js

Find the latest version of mermaid on https://github.com/mermaid-js/mermaid/releases. Then run:

cargo xtask <version>

This will fetch the minified mermaid.js file and commit it.

Note: mdbook-mermaid does NOT automatically update the mermaid.min.js file in your book. For that rerun

mdbook-mermaid install path/to/your/book

or manually replace the file.

License

MPL. See LICENSE.
Copyright (c) 2018-2024 Jan-Erik Rediger janerik@fnordig.de

Mermaid is MIT licensed. The bundled assets (mermaid.min.js) are MIT licensed.