深度介绍
Mermaid 是一个基于 JavaScript 的开源图表库，用 Markdown 风格的文本定义图表，再渲染成动态图形。你写一段描述流程的代码，浏览器就画出对应的流程图，改文字就是改图，不必再手动拖拽每个形状。首屏三张卡片讲了三件事：Live Editor 打开即画、可以直接接入常用应用、2019 年拿过 JavaScript 开源奖里最令人兴奋的技术应用。标题栏上挂着 12.0.0 的版本横幅，导航只有文档、教程、集成、贡献四个词，外加一个打开编辑器的按钮——它更像一个顺手的工具箱，而不是一门生意。
官网首屏正中挂着一条迁移公告：Mermaid.js 现在住在 mermaid.ai。开源库和围绕它搭建的平台归到同一个家，官方给出的理由是给项目更多资源、给贡献者更清晰的路径，以及一支承诺让 Mermaid 永远保持开放的团队。公告旁边直接排了三枚链接：mermaid.ai 主站、开源页和入门页。把搬家消息写在首页正中而不是塞进博客角落，读者一进门就知道项目搬去了哪里，也不用担心文档域名哪天失效——这是开源项目里少见的坦诚做法。
文档站的侧栏就是一张完整的语法目录。经典部分有流程图、泳道图、序列图、类图、状态图、实体关系图、用户旅程图、甘特图、饼图、象限图、需求图、用例图、GitGraph 和 C4，另有脑图、时间线与 ZenUML；较新的一批包括桑基图、XY 图、块图、包图、看板、架构图、雷达图、事件建模、树图、韦恩图、石川图、Wardley 图、Cynefin 与 TreeView。侧栏还按生态、部署与配置、贡献、最新新闻四层挂载，从配置、主题、图标、数学公式、无障碍到 CLI 与安全指引都能直接点进去。
官网关于页把话说得很清楚：Mermaid 让你用文本与代码创建图表与可视化，它把 Markdown 风格的文本定义渲染成动态图表，熟悉 Markdown 的人不会在语法上卡壳。收尾那句点明了它要解决的真问题——文档腐烂是个左右为难的死结：图不更新会误导人，更新又要花时间，于是文档越来越没人信。Mermaid 就是来解这个结的，让图和代码一起被版本管理。技术定位、学习门槛、要解决的问题三步说完，这几句话是整站的中心思想。
首页把维护团队整版摊开：创建者 Knut Sveidqvist，两个赞助位，十三位开发者名单，末尾还挂着加入社区的入口。GitHub 上主仓 mermaid-js/mermaid 有 90,379 颗星，发版记录的最近三枚时间戳是 2026-09-18、2026-09-10 和 2026-08-25，九月发了两版、八月发了一版，节奏相当稳定。首页还挂着 GitHub Sponsors 的两条个人赞助链接，开源项目的编制和赞助入口都摆在明面上，谁能参与也写得很清楚。
首页的四个导航词就是资源入口：文档、教程、集成、贡献。生态区给了四条真链——社区入口、社区集成清单、教程页和公告页，想知道 Mermaid 能嵌进哪些工具，翻集成清单最快，常见编辑器、笔记应用与文档平台都在里面。官方教程从语法讲到配置，部署与配置区覆盖主题、无障碍、CLI 等细节；贡献指南则写清楚了怎么加图表、怎么加布局以及安全上报的流程。想跟进版本看发版列表，想问问题走社区入口，两条路都不绕远。
Mermaid 没有价格页，也不做订阅，因为它本身就是开源工具箱。许可证层面完全免费，个人、公司、内部文档和商业产品都能直接使用，把图表能力接进团队 Wiki 或文档站不需要走采购流程。想支持项目可以通过 GitHub Sponsors 赞助，创建者 Knut Sveidqvist 与 Sidharth Vinod 两个入口都挂在首页上。对预算紧张的小团队来说，这意味着文档质量不会因为费用而打折，也不用先算一年有多少人要画图。
第一步，打开官网首页的 Live Editor，在线编辑器即开即画，什么都不用装；第二步，翻文档侧栏的语法目录，挑一类图表照着示例改，把自己的字段名和流程填进去；第三步，把它接进自己的流程——在 Markdown、文档站或应用里嵌入 Mermaid 代码，集成清单里有现成的插件可以抄。想跟进版本就看发版列表，想问问题就走社区入口，主仓的贡献指南也写明了参与方式。整条路径没有付费墙，第一张图十分钟内就能画出来。
产品特点
开源项目把迁移消息写在首屏而不是埋进博客，三枚链接直接给出主站、开源页和入门页，还附上永远保持开放的承诺，读者一进门就知道项目去哪了，这种坦诚在同类站点里并不多见。
文档侧栏本身就是一张图表类型年表：经典十四类打底，桑基、看板、架构、雷达等新类型跟着标出，边找边看就能知道这版能画什么，省下翻页对照的时间。
关于页直接点名文档腐烂这个死结——图不更新会误导人，更新又要花时间，所以让图跟代码一起进版本库；工具的自我认知写成了三句清楚的说明，比任何横幅都容易记住。
维护名单 16 人整版摊开，创建者和两位赞助位都挂着 GitHub Sponsors 的个人链接，主仓 90,379 颗星，发版时间戳显示九月连发两版——谁在做、做得多快，页面上都查得到。
最近动态
发版记录给出三枚时间戳：2026-09-18、2026-09-10 与 2026-08-25，九月两发、八月一发；首页同时挂着 12.0.0 的版本横幅，版本号与发版记录两处对得上。
首屏常驻迁移公告，说明开源库与围绕它的平台归到同一个家，理由是给项目更多资源、给贡献者更清晰的路径，并承诺让 Mermaid 永远保持开放，公告旁并排给出三枚可点链接。
语法目录按生态、部署与配置、贡献、最新新闻四层挂载，社区集成清单、教程页与公告页都是站内直链；贡献指南里补上了加图表、加布局与安全上报的说明，新读者照着走就能参与进来。
Mermaid 是一款用文本与代码画图的开源图表工具，也是文档里最常见的图表方案之一。它基于 JavaScript，把 Markdown 风格的文本定义渲染成动态图表：在文档里写一段描述，就得到流程图、序列图或甘特图，改文字等于改图，不用再手动拖形状。官网首页把它放在一个很朴素的定位上——让文档追上开发的速度，并且直接承认自己解决的是文档腐烂这个老问题：实现改了、配图没改，久而久之就没人再敢相信文档。 语法覆盖面是它的底气。文档站侧栏挂了 25 类图表：流程图、泳道图、序列图、类图、状态图、实体关系图、用户旅程图、甘特图、饼图、象限图、需求图、用例图，以及 GitGraph 与 C4；脑图、时间线、ZenUML 紧随其后；较新的一批还包括桑基图、XY 图、块图、包图、看板、架构图、雷达图、事件建模、树图、韦恩图、石川图、Wardley 图、Cynefin 和 TreeView。官方的说法是，熟悉 Markdown 的人读一遍语法就不会卡壳，图跟着文本一起进版本库，也就不会再脱节。 项目完全开源，主仓 mermaid-js/mermaid 在 GitHub 上有 90,379 颗星，当前版本 12.0.0，发版记录显示 2026 年 9 月连发两版、8 月发了一版。官网没有价格页，Live Editor 在线编辑器打开即画，文档、教程、集成清单与社区入口从首屏直达；首屏还挂着一条迁移公告，说明 Mermaid.js 现在住在 mermaid.ai，开源库与平台归到同一个家，并承诺项目会一直保持开放。维护团队 16 人的名单和两条 GitHub Sponsors 赞助链接也都摆在页面上。
核验信息
本页事实来自 Mermaid 官网首页、关于页与语法目录、GitHub 主仓与发版记录、社区集成清单以及 mermaid.ai 平台页；版本号、星数与发版时间均以官方页面为准。核对于 2026-10-04。
Mermaid介绍页面对您是否有帮助？
Mermaid