集成 ​

¥Integrations

官方集成 ​

¥Official integration

Mermaid 图表 ​

¥Mermaid Chart

Mermaid Chart 由 Mermaid JS 背后的团队构建。

¥Mermaid Chart is built by the team behind Mermaid JS.

欲了解更多详情，请访问 Mermaid 图表页面，或访问 Mermaid 图表网站。

¥For more details, visit the Mermaid Chart page, or visit the Mermaid Chart website .

社区集成 ​

¥Community integrations

我们对 Mermaid 社区的发展以及社区创建的插件和集成的数量感到兴奋。

¥We're excited about the growth of the Mermaid community, and the number of plugins and integrations that have been created by the community.

请参阅下面使用 Mermaid 创建的社区插件和集成的列表。

¥See the list below of community plugins and integrations created with Mermaid.

要将集成添加到此列表，请参阅 集成 - 创建页面。

¥To add an integration to this list, see the Integrations - create page.

生产力工具 ​

¥Productivity tools

• Atlassian 产品

  ¥Atlassian Products

  • 用于 Confluence 的 Mermaid

    ¥Mermaid for Confluence

  • Mermaid 集成以实现 Confluence

    ¥Mermaid Integration for Confluence

  • Confluence 的 Mermaid 图表

    ¥Mermaid Charts & Diagrams for Confluence

  • Confluence 的 Mermaid 图表

    ¥Mermaid Diagrams for Confluence

  • Confluence Cloud 的 Mermaid 实时编辑器

    ¥Mermaid Live Editor for Confluence Cloud

  • Confluence 的 Mermaid 宏

    ¥Mermaid Macro for Confluence

  • Confluence 的 Mermaid 插件

    ¥Mermaid Plugin for Confluence

  • EliteSoft Mermaid 图表和图表

    ¥EliteSoft Mermaid Charts and Diagrams

  • Jira 中的自动转换图表

    ¥Auto convert diagrams in Jira

  • Jira 的 Mermaid 图表

    ¥Mermaid Charts & Diagrams for Jira

  • Jira Cloud 的 Mermaid - 轻松绘制 UML 图

    ¥Mermaid for Jira Cloud - Draw UML diagrams easily

  • CloudScript.io Mermaid 插件

    ¥CloudScript.io Mermaid Addon

• Azure Devops ✅

• Deepdwn ✅

• Doctave ✅

  • Markdown 代码块中的 Mermaid ✅

    ¥Mermaid in Markdown code blocks ✅

• GitBook

  • Mermaid 插件

    ¥Mermaid Plugin

  • GitBook 的 Mermaid 插件

    ¥Mermaid plugin for GitBook

  • 使用 Mermaid CLI 进行 Markdown

    ¥Markdown with Mermaid CLI

• Gitea ✅

• GitHub ✅

  • 使用代码块 ✅

    ¥Using code blocks ✅

  • GitHub action：将 Mermaid 编译为图片

    ¥GitHub action: Compile mermaid to image

  • GitHub Writer

  • SVG 图表生成器

    ¥SVG diagram generator

• GitLab ✅

• JetBrains IDE 的 Mermaid 插件

  ¥Mermaid Plugin for JetBrains IDEs

• MonsterWriter ✅

• Joplin ✅

• LiveBook ✅

• Slidev ✅

• Tuleap ✅

• Mermaid Flow 可视化编辑器 ✅

  ¥Mermaid Flow Visual Editor ✅

• Mermerd

• Slab ✅

• Swimm ✅

• NotesHub ✅

• Notion ✅

• Observable ✅

• Obsidian ✅

• Redmine

  • Mermaid Macro

  • Mermaid 插件的 Markdown

    ¥Markdown for mermaid plugin

  • redmine-mermaid

• Visual Studio 代码 多语言交互式注意本

  ¥Visual Studio Code Polyglot Interactive Notebooks

• Microsoft 循环 ✅

  ¥Microsoft Loop ✅

LLM 集成 ​

¥LLM integrations

法学硕士集成使用人工智能根据文本描述创建 mermaid 图。

¥LLM integrations to create mermaid diagrams using AI from text descriptions.

• HueHive - 用文本创建 mermaid 图

  ¥HueHive - Create mermaid diagrams with text

CRM/ERP ​

客户关系管理/企业资源规划

¥Customer Relationship Management/Enterprise Resource Planning

• coreBOS

博客 ​

¥Blogging

博客框架和平台

¥Blogging frameworks and platforms

• Hexo

  • hexo-filter-mermaid-diagrams

  • hexo-tag-mermaid

  • hexo-mermaid-diagrams

• Nextra

  • Mermaid

• WordPress

  • WordPress Markdown 编辑器

    ¥WordPress Markdown Editor

  • WP-可靠 MD

    ¥WP-ReliableMD

CMS/ECM ​

内容管理系统/企业内容管理

¥Content Management Systems/Enterprise Content Management

• ApostropheCMS

  • Mermaid.js 的扩展

    ¥Extension for Mermaid.js

• Drupal

  • Mermaid 图字段模块

    ¥Mermaid Diagram Field module

• Grav CMS

  • Mermaid 图插件

    ¥Mermaid Diagrams Plugin

  • GitLab Markdown 适配器

    ¥GitLab Markdown Adapter

• VitePress

  • Mermaid.js 插件

    ¥Plugin for Mermaid.js

• VuePress

  • Mermaid.js 插件

    ¥Plugin for Mermaid.js

交流 ​

¥Communication

通讯工具和平台

¥Communication tools and platforms

• Discourse

  • Mermaid 插件

    ¥Mermaid Plugin

• Mattermost

  • Mermaid 插件

    ¥Mermaid Plugin

• NodeBB

  • Mermaid 解析器插件

    ¥Mermaid Parser Plugin

• phpBB

  • phpbb-ext-mermaid

• Slack

  • Mermaid 预览

    ¥Mermaid Preview

维基百科 ​

¥Wikis

• DokuWiki

  • ComboStrap

  • Mermaid 插件

    ¥Mermaid Plugin

• Foswiki

  • Mermaid 插件

    ¥Mermaid Plugin

• MediaWiki

  • Flex 图表扩展

    ¥Flex Diagrams Extension

  • Mermaid 扩展

    ¥Mermaid Extension

• PmWiki

  • MermaidJs 秘诀

    ¥MermaidJs Cookbook recipe

• 语义媒体维基

  ¥Semantic Media Wiki

  • Mermaid 插件

    ¥Mermaid Plugin

• TiddlyWiki

  • mermaid-tw5：Mermaid 在线的封装

    ¥mermaid-tw5: wrapper for Mermaid Live

  • tw5-mermaid：用于管理 Mermaid.js tidlers 的插件

    ¥tw5-mermaid: plugin for managing Mermaid.js tiddlers

编辑器插件 ​

¥Editor Plugins

• Atom（Atom 已 已存档。）

  ¥Atom (Atom has been archived.)

  • Markdown 预览增强

    ¥Markdown Preview Enhanced

  • Atom Mermaid

  • 语言 Mermaid 语法荧光笔

    ¥Language Mermaid Syntax Highlighter

• Astah

  • 导出到 Mermaid

    ¥Export to Mermaid

• 括号

  ¥Brackets

  • Mermaid 预览

    ¥Mermaid Preview

• CK 编辑器

  ¥CKEditor

  • CKEditor 5 Mermaid 插件

    ¥CKEditor 5 Mermaid plugin

• Draw.io

  • Mermaid 插件

    ¥Mermaid Plugin

• GNU Emacs

  • .mmd 文件的主要模式

    ¥Major mode for .mmd files

  • 组织模式集成

    ¥Org-Mode integration

• GNU Nano

  • Nano Mermaid

• 谷歌文档

  ¥Google docs

  • 谷歌文档的 Mermaid 插件

    ¥Mermaid plugin for google docs

• Inkdrop

  • Mermaid 插件

    ¥Mermaid Plugin

• 灯台

  ¥Light Table

  • Mermaid 插件

    ¥Mermaid Plugin

• Markdown-It

  • 文本 UML 解析器

    ¥Textual UML Parser

  • Mermaid 插件

    ¥Mermaid Plugin

  • md-it-mermaid

  • markdown-it-mermaid-less

• Podlite

  • =图块

    ¥=Diagram block

• 标准注释

  ¥Standard Notes

  • Mermaid 扩展

    ¥Mermaid Extension

• Sublime Text 3

  • Mermaid 包

    ¥Mermaid Package

• VS Code

  • Mermaid 编辑器

    ¥Mermaid Editor

  • Mermaid 导出

    ¥Mermaid Export

  • Markdown PDF

  • Markdown 预览 Mermaid 支持

    ¥Markdown Preview Mermaid Support

  • Markdown 预览增强

    ¥Markdown Preview Enhanced

  • Mermaid 预览

    ¥Mermaid Preview

  • 预览

    ¥Preview

  • 预览时序图

    ¥Preview Sequence Diagrams

  • Mermaid Markdown 语法高亮

    ¥Mermaid Markdown Syntax Highlighting

• Vim

  • Vim 图语法

    ¥Vim Diagram Syntax

  • 官方 Vim 语法和 ft 插件

    ¥Official Vim Syntax and ft plugin

• Zed

  • zed-mermaid

文档生成 ​

¥Document Generation

• Astro

  • 使用 MermaidJS 和 Playwright 将图表添加到你的 Astro 网站

    ¥Adding diagrams to your Astro site with MermaidJS and Playwright

• 代码文档

  ¥Codedoc

  • codedoc-mermaid-plugin

• Docsy 雨果主题 ✅

  ¥Docsy Hugo Theme ✅

• Docusaurus ✅

• Gatsby

  • gatsby-remark-mermaid

• Jekyll

  • jekyll-mermaid

  • jekyll-mermaid-diagrams

• JSDoc

  • jsdoc-mermaid

• 疯狂

  ¥Madness

• mdBook

  • mdbook-mermaid

• MkDocs

  • mkdocs-mermaid2-plugin

  • mkdocs-material，检查 docs

    ¥mkdocs-material, check the docs

• Quarto ✅

• rehype

  • rehype-mermaid

• remark

  • remark-mermaidjs

• Sphinx

  • sphinxcontrib-mermaid

• 类型文档

  ¥Type Doc

  • typedoc-plugin-mermaid

• Typora ✅

• 统一编程语言 ✅

  ¥Unison programming language ✅

浏览器扩展 ​

¥Browser Extensions

其他 ​

¥Other

• Bisheng

  • bisheng-plugin-mermaid

• Blazorade Mermaid：在 Blazor 应用中渲染 Mermaid 图

  ¥Blazorade Mermaid: Render Mermaid diagrams in Blazor applications

• 代码米亚：练习系统设计问题的工具 ✅

  ¥Codemia: A tool to practice system design problems ✅

• ExDoc

  • 渲染 Mermaid 图

    ¥Rendering Mermaid graphs

• MarkChart:在 macOS 上预览 Mermaid 图表

  ¥MarkChart: Preview Mermaid diagrams on macOS

• mermaid-isomorphic

• mermaid-server：使用 HTTP 请求生成图表

  ¥mermaid-server: Generate diagrams using a HTTP request

• 漂亮的图形用户界面：让任何浏览器成为 Python 代码的前端 ✅

  ¥NiceGUI: Let any browser be the frontend of your Python code ✅

  • ui.mermaid(...)

• Reveal.js

  • reveal.js-mermaid-plugin

• 显示 CK

  ¥Reveal CK

  • reveal-ck-mermaid-plugin

• mermaid-isomorphic

• mermaid-server：使用 HTTP 请求生成图表

  ¥mermaid-server: Generate diagrams using a HTTP request