---
title: 写给本工作室的 Mermaid 图表文档
canonical: "https://mermaid.vloam.com/zh/docs/"
pubDate: 2026-09-13
author: Vloam
description: 面向 Vloam Mermaid 编辑器的短篇指南：流程图、时序图、类图、状态图入门，以及最常见的预览失败排查方法，方便边学边在本站试写与导出。
---

# 写给本工作室的 Mermaid 图表文档

面向 Vloam Mermaid 编辑器的短篇指南：流程图、时序图、类图、状态图入门，以及最常见的预览失败排查方法，方便边学边在本站试写与导出。

- [从这里开始：Mermaid 入门](https://mermaid.vloam.com/zh/docs/getting-started/)
- [Mermaid 流程图写法入门](https://mermaid.vloam.com/zh/docs/flowchart/)
- [Mermaid 时序图写法入门](https://mermaid.vloam.com/zh/docs/sequence/)
- [Mermaid 类图写法入门](https://mermaid.vloam.com/zh/docs/class/)
- [Mermaid 状态图写法入门](https://mermaid.vloam.com/zh/docs/state/)
- [Mermaid 常见错误排查](https://mermaid.vloam.com/zh/docs/common-errors/)