深度介绍
题面照录——**Mermaid：图表与绘图工具**；元描述一句——**用文本与代码创建图表与可视化**。首屏三卡——**易用**（**Live Editor 即开即画**）、**集成**（用你最爱的应用、查集成清单）、**得奖**（**2019 JavaScript 开源奖「最令人兴奋的技术应用」**）。导航条挂版本横幅——**Latest News 12.0.0 Changelog**（带号版本直读）；再加**文档、教程、集成、贡献**四词与**💻 打开编辑器**按钮。门面没有定价，因为它不是生意——是九万星的工具箱。
首屏公告整段照录——**Mermaid.js 现在住在 mermaid.ai**：**开源库与围绕它的平台同归一个家**——**给项目更多资源、给贡献者更清晰的路径、一支承诺让 Mermaid 永远开放的团队**（原句 keep Mermaid open, always）。三枚真链同排挂出——mermaid.ai 主站、/open-source/ 开源页、/open-source/intro/ 入门（hero 上还带 utm 追踪参数按实注）。一个文档域名把流量引去新平台的搬迁文写在首页正中——开源项目的搬家公告不藏进博客，这份坦荡入册。
**/intro/ 侧栏全树照录**，经典区与🔥新区两阵排——**经典十四类**：流程图、**泳道**、序列图、类图、状态图、实体关系、用户旅程、**甘特**、饼图、象限图、需求图、用例图、**GitGraph**、**C4**（带 🦺⚠️ 注记）；再接**脑图、时间线、ZenUML**；**🔥 新十四类**：**桑基、XY 图、块图、包图、看板、架构、雷达、事件建模、树图、韦恩、石川、Wardley、Cynefin、TreeView**。侧栏还给四层挂载——**生态**（Mermaid Chart 与教程与社区集成与共建集成）、**部署与配置**（配置、**API 用法**、图标注册、指令、主题、数学、**无障碍**、**CLI**、FAQ、布局）、**贡献**（入门、加图表、加布局、**安全**）、**最新新闻**（公告与博客）。一棵树就是一部产品年表。
about 段四句连读照录——**Mermaid 让你用文本与代码创建图表与可视化**；**它是基于 JavaScript 的图表工具，把 Markdown 风格的文本定义渲染成动态图表**；**熟悉 Markdown 就不会在语法上卡壳**；**Mermaid 的主业是让文档追上开发**，收尾一句点题——**文档腐烂（Doc-Rot）是个左右为难的死结，Mermaid 就是来解它的**。技术定位、学习门槛、社会价值三步说完——这四句是全站的中心思想，比任何横幅都值钱。
团队区整版照录——**创建者 Knut Sveidqvist** 与**赞助位两人**（Knut 与 Sidharth Vinod 名下均挂 Sponsor 标）加**十三位开发者**（Ashish、Alois、Neil、Tyler、Reda、Per、Nikolay、Justin、Steph、Huynh、Matthieu、Marc、Yash、Nacho、Mindaugas 等名单按页面顺序入册，重复计位以页面为准），尾挂**贡献者入口**——「**加入社区、一起参与**」。**双 GitHub 赞助真链**在首页 hrefs 里——knsv 与 sidharthv96 各一条（实测链在）。开源项目的编制摆在首页上、连赞助按钮都是个人位——透明到工牌级。
GitHub 双链照录。**主仓**——mermaid-js/mermaid 实测 53 万字节、**90,379 星**、题句为**像流程图或序列图这样的图表、从文本生成**（题尾截断按实）；**发版页** 50 万字节、**三枚时间戳**——**2026-09-18** 与 09-10 及 08-25（九月两发、八月一发的节奏）。配合首页 **12.0.0** 横幅——版本号与发版史在两处互证。**生态四真链**同样在册——社区入口、社区集成清单、教程页、公告页（均为旧式 .html 静态路径，实测取自站内 hrefs）。
机读层四处缺席照录——**robots.txt 404、sitemap.xml 404、sitemap.txt 404、/docs/ 硬径 404**（四径实测）；**真径对照写明**——文档侧栏树的入口是 **/intro/（136KB、题为 About Mermaid）**，其余生态与教程与公告走上一条的 .html 静态路径（站内 hrefs 实录）。无机器人文件的开源站不是孤例，但四缺齐发的少见——按实入册、不代它补。侧栏自带的树就是它的站点图，这一层我们替读者在正文里画完了。
核验备注五条。其一，**og 是 SVG 横标、双不合**（横版加 SVG——Whimsical 先例管线不碰、404 必死）——**弃用留档**、未投喂。其二，**logo 改走数字 ID 法双证**——组织页首抓 id **57169982**、组织 API 复核 **id=57169982 且 avatar_url 同式**（mermaid-js·GitHub 标题在旁），**460×460 组织头像四连实测**（个人头像不冒充、ID 归属验明正身）。其三，**封面取 GitHub 主仓分享图 1200×600（比例 2.00 沿先例收带、四连实测）**。其四，五按钮与七引全在册（官网、intro、主仓、发版页、社区集成加规则缺席档、组织头像与分享图双素材出处）。其五，黑名单扫描零命中；四步查重全空（V2 一次 404、正确边界正则零命中）——基线连 mermaid 与 mermaid-js 都零命中。
产品特点
「Mermaid.js 现在住在 mermaid.ai」配一句承诺——让 Mermaid 永远开放；开源项目把搬家文挂首屏而不是塞进博客里，坦荡就是它自己真正的公告板。
侧栏一张树上挂 25 类图表：经典十四类打底、桑基与看板与架构与雷达等十四类带火标记——一部图表语法的年表就长在导航里。
about 段把话说到根上——文档追赶开发是主业、文档腐烂是左右为难的死结、Mermaid 是来解它的；工具的自我认知写成了论文摘要。
组织页首抓与组织 API 双证坐实 57169982 归属，460 方标四连实测；主仓 90,379 星配九月两发的发版戳——门面靠星数与 ID 说话。
最近动态
发版页三枚时间戳照录——**2026-09-18** 与 09-10 及 08-25（九月两发、八月一发）；配合首页 **12.0.0** 版本横幅与 Changelog 链——版本号与发版史两处互证（年份按发版页 iso 原文）。
首屏常驻迁移公告——**开源库与平台归一、给贡献者更清晰的路径、承诺让 Mermaid 永远开放**（原句 keep Mermaid open, always），三枚真链（主站与开源页与入门页，hero 带 utm 参数按实）；年份未标注、按公告常驻按实（时点以 12.0.0 与发版戳为时间轴）。
核验时五按钮与七引全在册（intro 136KB 与主仓 53 万及发版 50 万与社区集成页题录）；25 类语法树与四句金句及 16 人名单逐字入录；机读四缺（robots 与双 sitemap 及 docs 404）与真径对照归档；素材组织 ID 双证（页抓＋API 复核 57169982）与 460 头像四连及 gh-og 1200×600 四连实测、og SVG 横标弃用留档；黑名单零命中；四步查重边界正则全空——基线连 mermaid 与 mermaid-js 都零命中。
Mermaid 的门面是九万颗星加一句搬家公告。题面照录——**图表与绘图工具**，元描述一句——**用文本与代码创建图表与可视化**；首屏三卡（Live Editor 即开即画、集成清单、**2019 JavaScript 开源奖**）配版本横幅 **12.0.0**。正中是搬迁文——**Mermaid.js 现在住在 mermaid.ai**，开源库与平台归一、给贡献者更清晰路径、**承诺让 Mermaid 永远开放**（三枚真链带 utm 按实）。导航四词（文档、教程、集成、贡献）与**💻 打开编辑器**压阵，门面没有定价——因为它是开源工具箱不是生意。 **/intro/ 侧栏全树是产品年表**——**经典十四类**（流程与泳道与序列与类与状态与实体关系与旅程与甘特与饼与象限与需求与用例与 GitGraph 与 C4）接**脑图与时间线与 ZenUML**，**🔥 新十四类**（桑基、XY、块、包、看板、架构、雷达、事件建模、树、韦恩、石川、Wardley、Cynefin、TreeView）压轴；四层挂载——**生态**（Mermaid Chart 与教程与双集成入口）、**部署配置**（API 用法、无障碍、CLI、主题与数学与 FAQ）、**贡献**（加图表加布局与**安全**）、**新闻**（公告与博客）。**about 四句金句**收心——文本代码可视化、JS 加 Markdown 风格渲染、会 Markdown 就会语法、**主业让文档追上开发**，收尾——**Doc-Rot 是死结、Mermaid 来解**。**团队区 16 人全名单**（创建者 Knut、双赞助位、十三开发者与贡献者入口）配 **knsv 与 sidharthv96 双 GitHub 赞助真链**。 GitHub 层两枚硬数——**主仓 90,379 星**（53 万字节题为从文本生成流程与序列图）、**发版页三戳 09-18 与 09-10 及 08-25**，与首页 12.0.0 横幅互证；生态四真链（社区与集成清单与教程与公告，旧式 .html 静态路径实录）。**机读四缺**照实——**robots 与双 sitemap 与 docs 硬径全 404**，真径对照 **/intro/（136KB、题 About Mermaid）**，侧栏树充当了它的站点图。核验与披露：**og SVG 横标双不合弃用未投**；**logo 走数字 ID 法双证**——组织页抓 **57169982** 与组织 API 复核同值、**460 组织头像四连实测**（不冒充个人）；**封面取 GitHub 主仓分享图 1200×600（2.00 四连）**；五按钮与七引在册、黑名单零命中；四步查重边界正则全空——基线连 mermaid 与 mermaid-js 都零命中。
核验信息
本页事实来自：首页（题与 desc、三卡与 2019 奖、12.0.0 横幅、mermaid.ai 迁移公告与三链 utm、导航四词、团队 16 人与双赞助 hrefs）、intro（136KB 题 About Mermaid、侧栏 25 类树四层挂载、四句金句与 Doc-Rot）、robots 与双 sitemap 及 docs（四径 404 按实）、GitHub（主仓 90,379 星题录与发版三戳 09-18 线、组织页与 API 双证 57169982、生态四真链 .html 实录）、素材（组织头像 460 四连、gh-og 1200×600 四连、og SVG 横标双不合弃用未投）、黑名单（零命中）。排除：无订阅价目页（开源赞助制按实）。核验于 2026-09-23。
Mermaid介绍页面对您是否有帮助？
Mermaid