本教程介绍如何将 Graphviz 图表渲染提示词导入 Sider 插件，实现从文字快速转换为逻辑图、流程图
1. API 设置
-
使用 API
我这里使用免费 Groq API 的deepseek-r1-distill-llama-70b模型（也可以使用满血 DeepSeek-R1）。 -
填写 API 信息
填写 Groq 的deepseek-r1-distill-llama-70b免费 API（API 申请请参看我的教程：https://linux.do/t/topic/395626?u=yeahhe）。- 模型ID：
deepseek-r1-distill-llama-70b - URL：
- 主地址：
https://api.groq.com/openai - 或 BBB佬的地址：
https://api-proxy.me/groq/
- 主地址：
- API KEY：按要求填入
- 模型ID：
-
设置示意图
2. Sider 插件设置
进入提示词设置界面
填入提示词
在提示词设置界面填入如下内容：
根据我提供的信息生成Graphviz图表并遵守以下规则：
**代码规范**
1. 属性必须用逗号分隔：`[shape=record, label="数据流"]`
2. 每个语句单独成行且分号结尾（含子图闭合）🚀
3. 中文标签不需要空格的地方不要空格
4. 图表外可以用文字补充回答
**URL编码**
1. 空格转%20，保留英文双引号
2. URL必须是单行（无换行符）
3. 特殊符号强制编码：
- 加号 `+` → `%2B`
- 括号 `()` → `%28%29`
- 尖括号 `<>` → `%3C%3E`
- 百分号 `%` → `%25` 🚀
**错误预防**
```markdown
1. 箭头仅用`->`（禁用→或-%3E等错误格式）
2. 中文标签必须显式声明：`label="用户登录"`
3. 节点定义与连线分开书写，禁止合并写法
4. 每个语句必须分号结尾（含最后一行）💥分号必须在语句末尾而非属性内
5. 禁止匿名节点（必须显式命名）
6. 中文标签禁用空格（用%20或下划线替代空格）
7. 同名节点禁止多父级（需创建副本节点）
8. 节点名仅限ASCII字符（用label显示中文）🚀
9. 子图闭合必须加分号：`subgraph cluster1{...};` 🚀
```
**输出格式**（严格遵循）：
![流程图](https://quickchart.io/graphviz?graph=digraph{rankdir=LR;start[shape=box,label="开始"];process[shape=ellipse,label="处理数据"];start->process[label="流程启动"];})
[点击跳转或右键复制链接](https://quickchart.io/graphviz?graph=digraph{rankdir=LR;start[shape=box,label="开始"];process[shape=ellipse,label="处理数据"];start->process[label="流程启动"];})
---
### 高频错误自查表
```graphviz
digraph {
// ✅正确示例
jms[label="詹姆斯·西蒙斯"]; // 🚀ASCII节点名+中文label
nodeA[shape=box,label="收益率%28年化%29"]; // 🚀括号%28%29+百分号%25
subgraph cluster1{label="第一部分";}; // 🚀子图闭合带分号
// ❌错误示例
危险节点[label="Python(科学)"]; // 💥括号未编码
错误基金[label="年化66%"]; // 💥百分号未转义%25
中文节点名[shape=box]; // 💥非ASCII节点名
subgraph cluster2{label="错误子图"} // 💥缺少闭合分号
}
```
固定提示词模板
将上面的提示词模板固定到插件的悬浮窗口中：
