Obsidian Canvas 创建器

将文本内容转换为结构化的 Obsidian Canvas 文件，支持思维导图辐射式布局和灵活的自由排列。

核心优势

• 从文本创建交互式 Obsidian Canvas 文件
• 两种布局类型：思维导图（辐射式层次结构）和自由布局（自定义定位）
• 根据内容长度自动调整节点大小
• 6 种预设颜色的专业配色方案
• 中文文本的正确 JSON 格式和引号转义
• 内置验证以防止坐标重叠

主要功能

• 布局类型：思维导图（从中心辐射，层次化）和自由布局（灵活，自定义定位）
• 节点管理：唯一的 8-12 字符十六进制 ID、自动调整大小（220×100 到 320×180）、颜色编码
• 边缘样式：实心/虚线箭头、带标签的连接、直线/曲线
• 分组：带有标签和背景颜色的视觉容器
• 验证：坐标重叠防护、ID 唯一性、正确引用

使用场景

• 从文本创建画布、思维导图或可视化图表
• 空间化组织信息
• 用户提到"Obsidian Canvas"或类似工具
• 将结构化内容（文章、笔记、大纲）转换为视觉格式

布局算法

思维导图布局：

• 根节点居中于（0, 0）
• 主节点径向分布
• 根据兄弟节点数量分配次级节点
• 最小间距：水平 320px，垂直 200px

自由布局：

• 从逻辑分组开始
• 清晰分隔定位组
• 用曲线边缘跨组连接
• 在画布上平衡视觉重量

节点大小指南

• 短文本（<30 字符）：220 × 100 px
• 中等文本（30-60 字符）：260 × 120 px
• 长文本（60-100 字符）：320 × 140 px
• 非常长文本（>100 字符）：320 × 180 px

配色方案

预设颜色：

• "1" - 红色（警告、重要）
• "2" - 橙色（行动项）
• "3" - 黄色（问题、笔记）
• "4" - 绿色（积极、已完成）
• "5" - 青色（信息、详情）
• "6" - 紫色（概念、抽象）

自定义十六进制：使用大写格式 "#4A90E2"

关键规则

• 引号处理：中文 " → 『』，' → 「」，英文 " → "
• ID 生成：8-12 字符随机十六进制，在节点/边缘之间唯一
• Z 索引顺序：组在前（底层），然后是子组，最后是文本节点（顶层）
• 间距：中心之间最小水平 320px，垂直 200px
• JSON 结构：顶层仅包含 nodes 和 edges 数组

工作流程

1. 分析内容结构和关系
2. 确定布局类型（思维导图或自由布局）
3. 规划节点层次和分组
4. 生成具有正确 ID 和定位的 JSON
5. 应用带有间距规则的布局算法
6. 验证并输出完整的 JSON Canvas 文件

来源：https://github.com/axtonliu/axton-obsidian-visual-skills/tree/main/obsidian-canvas-creator 许可证：查看仓库了解详情