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: 13 days 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 3 years ago)
• Default Branch: main
• Last Pushed: 2024-01-02T12:19:07.000Z (11 months ago)
• Last Synced: 2024-11-02T10:34:55.452Z (18 days ago)
• Topics: 11ty-plugin, diagram, mermaidjs, ssg
• Language: JavaScript
• Homepage: https://kevingimbel.github.io/eleventy-plugin-mermaid/
• Size: 190 KB
• Stars: 26
• Watchers: 3
• Forks: 3
• 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/)

- [Usage](#usage)

- [Config](#config)

  - [Config Options](#config-options)

  - [Config Examples](#config-examples)

    - [Inline configuration](#inline-configuration)

- [Thanks](#thanks)

- [Future ideas](#future-ideas)

- [Changelog](#changelog)

  - [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

const pluginMermaid = require("@kevingimbel/eleventy-plugin-mermaid");

module.exports = (eleventyConfig) => {

  eleventyConfig.addPlugin(pluginMermaid);

};

```

Add the JavaScript code to your page (before the closing `body` tag!)

```html

{% mermaid_js %}