# Markdown在线编辑器、免费预览导出 快速的 Markdown 工作台，所见即所得预览。 ## 重点提醒 - 输入时实时渲染 - 支持导出 HTML（选择导出类型） - 支持自定义样式（追加在所选主题之后） - 支持 Mermaid 图表与 KaTeX 数学公式 - 草稿保存在本地（浏览器支持 window.localStorage 时） **本地处理：** 所有处理都在浏览器本地完成，您的所有输入都不会传到服务端。 [toc] ## 常用语法 **加粗**、*斜体*、~~删除线~~、`行内代码` > 引用：保持简洁。 [链接](https://1024tools.com/markdown) 与  ## 列表 - 无序列表 - 第二项 - 子项 1. 有序列表 2. 第二项 - [x] 已完成 - [ ] 待处理 ## 表格 | 左对齐 | 居中 | 右对齐 | | :--- | :---: | ---: | | 苹果 | 12 | 1.2 | | 香蕉 | 6 | 0.8 | ## 代码块 ```js const message = "Hello Markdown"; console.log(message); ``` ## 脚注 脚注示例[^1] [^1]: 脚注内容。 ## 数学公式 行内公式：$E=mc^2$ $$ \int_0^\infty e^{-x^2} dx = \frac{\sqrt{\pi}}{2} $$ ## Mermaid 图表 ### 流程图 ```mermaid flowchart LR A[Start] --> B{Ready?} B -->|Yes| C[Run] B -->|No| D[Wait] ``` ### 时序图 ```mermaid sequenceDiagram participant U as User participant S as Server U->>S: Request S-->>U: Response ``` ### 类图 ```mermaid classDiagram class Animal { +String name } class Dog { +bark() } Animal <|-- Dog ``` ### 状态图 ```mermaid stateDiagram-v2 [*] --> Idle Idle --> Working: start Working --> Idle: stop ``` ### 甘特图 ```mermaid gantt title Sample Plan dateFormat YYYY-MM-DD section Build Task A :a1, 2024-01-01, 1d Task B :after a1, 1d ``` ### 饼图 ```mermaid pie title Share "A" : 40 "B" : 30 "C" : 30 ``` ### ER 图 ```mermaid erDiagram USER ||--o{ ORDER : places ORDER }o--|| PRODUCT : contains ``` ### 用户旅程 ```mermaid journey title Day section Work Code: 5: Me Review: 3: Me ``` ### Git 图 ```mermaid gitGraph commit branch feature checkout feature commit checkout main merge feature ```