typora如何使用markdown加mermaid编写表设计和实体联系图
时间: 2025-03-24 14:15:46 浏览: 93
### 如何在 Typora 中使用 Markdown 和 Mermaid 语法设计表格并绘制实体联系图 (ERD)
#### 使用 Typora 的准备工作
Typora 是一款支持实时预览的 Markdown 编辑器,同时也内置了对 Mermaid 图表的支持。要启用 Mermaid 功能,在 Typora 设置中需开启“Markdown 扩展语法”,具体路径为 `文件 -> 偏好设置 -> Marked` 下勾选 “Mermaid”。完成此配置后,即可在文档中嵌入 Mermaid 代码。
---
#### 设计表格的方法
在 Typora 中创建标准 Markdown 表格非常简单。以下是基本语法:
```markdown
| 列1 | 列2 | 列3 |
| --- | --- | --- |
| 数据A | 数据B | 数据C |
| 数据D | 数据E | 数据F |
```
上述代码会生成如下效果[^5]:
| 列1 | 列2 | 列3 |
|-------|-------|-------|
| 数据A | 数据B | 数据C |
| 数据D | 数据E | 数据F |
如果需要更复杂的表格结构,则可以借助 HTML 或者其他工具生成后再粘贴到 Typora 文档里。
---
#### 绘制实体联系图 (ERD)
为了利用 Mermaid 来构建 ERD,首先需要熟悉其基础语法规则。下面是一份完整的示例说明如何定义两个实体及其之间的关联关系:
```mermaid
erDiagram
CUSTOMER ||--o{ ORDER : places
CUSTOMER {
id number
name string
address string
}
ORDER {
id number
order_date date
total_price float
}
```
以上脚本解释了一个客户 (`CUSTOMER`) 可以下多个订单 (`ORDER`) 的场景,并指定了两者间的关系类型为 **一对多** 关联[^4]。
另外值得注意的是,除了手动编写这些图表外,还有自动化解决方案可以帮助快速生成基于现有数据库模式的 ERDs 。例如提到过的 ecto_erd 工具就可以直接从 Elixir/Ecto 应用程序中的模型提取信息并转换成兼容 mermaid-js 输入格式的数据流[^3]。
---
#### 高级功能扩展
对于更加复杂的需求来说,还可以探索更多高级特性比如继承、泛化等概念的表现形式;或者尝试调整样式选项来自定义颜色方案、字体大小等方面让最终呈现出来的图像更适合特定场合下的演示用途。
---
阅读全文
相关推荐











