# Markdown在線編輯器、免费预览导出 快速的 Markdown 工作台，所见即所得预览。 ## 重点提示 - 输入时及时衬着 - 撑持导出 HTML（選擇導出類型） - 撑持自定義樣式（追加在所选主题以后） - 撑持 Mermaid 圖表与 KaTeX 數學公式 - 草稿保存在本地（浏览器撑持 window.localStorage 时） **本地措置：** 所有措置都在浏览器本地完成，您的所有输入都不会传到办事端。 [toc] ## 经常利用語法 **加粗**、*斜体*、~~刪除線~~、`行內代碼` > 援引：保持精练。 [鏈接](/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 ```