https://github.com/KevinGimbel/eleventy-plugin-mermaid
Integrate Mermaid with eleventy (11ty)
https://github.com/KevinGimbel/eleventy-plugin-mermaid
11ty-plugin diagram mermaidjs ssg
Last synced: about 1 year ago
JSON representation
Integrate Mermaid with eleventy (11ty)
- Host: GitHub
- URL: https://github.com/KevinGimbel/eleventy-plugin-mermaid
- Owner: KevinGimbel
- License: isc
- Created: 2021-03-25T12:15:54.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2025-05-19T07:37:36.000Z (about 1 year ago)
- Last Synced: 2025-06-17T10:06:51.198Z (about 1 year ago)
- Topics: 11ty-plugin, diagram, mermaidjs, ssg
- Language: JavaScript
- Homepage: https://kevingimbel.github.io/eleventy-plugin-mermaid/
- Size: 228 KB
- Stars: 27
- Watchers: 2
- Forks: 4
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# eleventy-plugin-mermaid
> Integrate [Mermaid](https://mermaid-js.github.io/mermaid/#/) with [eleventy](https://11ty.dev/)
- [eleventy-plugin-mermaid](#eleventy-plugin-mermaid)
- [Usage](#usage)
- [Config](#config)
- [Config Options](#config-options)
- [Config Examples](#config-examples)
- [Inline configuration](#inline-configuration)
- [Examples](#examples)
- [Thanks](#thanks)
- [Future ideas](#future-ideas)
- [Changelog](#changelog)
- [3.0.0](#300)
- [2.2.1](#221)
- [2.1.1](#211)
- [2.1.0](#210)
- [2.0.0](#200)
## Usage
Install via `npm`:
```bash
npm install @kevingimbel/eleventy-plugin-mermaid
```
Include it in your `.eleventy.js` config file:
```js
import pluginMermaid from "@kevingimbel/eleventy-plugin-mermaid";
export default function(eleventyConfig) {
eleventyConfig.addPlugin(pluginMermaid);
};
```
Add the JavaScript code to your page (before the closing `body` tag!)
```html
{% mermaid_js %}