卡片笔记模板

graph TD
    A[卡片标题] --> B1[左侧内容1]
    A --> B2[右侧内容1]
    B1 --> C1[左侧内容2]
    B2 --> C2[右侧内容2]
    C1 --> D1[左侧内容3]

graph TD
    subgraph 卡片1
        A1[卡片标题] --> B1[子标题1]
        B1 --> C1[卡片内容1]
    end
    subgraph 卡片2
        A2[卡片标题] --> B2[子标题2]
        B2 --> C2[卡片内容2]
    end
    A1 --> A2

graph TD
    A[卡片标题] --> B[主要内容]
    B --> C[关键点1]
    B --> D[关键点2]
    B --> E[关键点3]

graph TD
    A["📝 卡片标题"] --> B["📋 卡片内容"]
    B --> C["✅ 关键点"]
    B --> D["❗ 注意事项"]

读书笔记卡片

graph TD
    A[故事情节名称] --> B[书籍名称]
    A --> C[作者]
    A --> D[主要人物]
    A --> E[关键情节概述]
    E --> E1[事件1]
    E --> E2[事件2]
    E --> E3[事件3]
    A --> F[背后的主题或意义]
    F --> F1[主题1]

graph TD
    A[概念名称] --> B[书籍名称]
    A --> C[页码]
    A --> D[概念定义]
    A --> E[书中引用或例子]
    E --> E1[引用1]
    E --> E2[引用2]
    A --> F[自己的理解或感想]
    F --> F1[感想1]

flowchart TD
    %% ===== 1. 知识卡片（概念型） =====
    subgraph 知识卡片["📚 知识卡片：神经网络"]
        direction TB
        KC1["**核心概念**"] -->|"仿生人脑结构的机器学习模型"| KC2["**关键特征**"]
        KC2 -->|"• 分层结构<br>• 反向传播<br>• 非线性激活"| KC3["**应用场景**"]
        KC3 -->|"◉ 图像识别<br>◉ 自然语言处理"| KC4["**关联概念**"]
        KC4 -->|"[[深度学习]]<br>[[卷积神经网络]]"| KC5["💡"]
    end

    %% ===== 2. 读书卡片（文献型） =====
    subgraph 读书卡片["📖 读书卡片：《原子习惯》"]
        direction LR
        BC1["**核心观点**"] -->|"微小改变带来复利效应"| BC2["**金句摘录**"]
        BC2 -->|"『你每月的进步是1%，一年后你会强37倍』"| BC3["**实践指南**"]
        BC3 -->|"• 两分钟法则<br>• 习惯追踪表"| BC4["**关联书籍**"]
        BC4 -->|"《掌控习惯》<br>《微习惯》"| BC5["📌"]
    end

    %% ===== 3. 人物卡片（传记型） =====
    subgraph 人物卡片["👤 人物卡片：埃隆·马斯克"]
        direction BT
        PC1["**核心贡献**"] -->|"• SpaceX<br>• Tesla<br>• Neuralink"| PC2["**思想体系**"]
        PC2 -->|"第一性原理<br>多行星物种"| PC3["**关键事件**"]
        PC3 -->|"2002年出售PayPal<br>2018年火箭回收"| PC4["🗃️"]
    end

    %% ===== 4. 项目卡片（任务型） =====
    subgraph 项目卡片["✅ 项目卡片：APP重构"]
        direction RL
        PR1["**核心目标**"] -->|"提升30%响应速度"| PR2["**关键节点**"]
        PR2 -->|"▢ 架构设计(6月)<br>▢ 代码重构(7月)<br>✅ 测试(8月)"| PR3["**资源需求**"]
        PR3 -->|"前端2人<br>预算$15k"| PR4["📅"]
    end

    %% ===== 5. 灵感卡片（创意型） =====
    subgraph 灵感卡片["💡 灵感卡片：AI教育助手"]
        direction TB
        IC1["**触发场景**"] -->|"观察到学生解题步骤混乱"| IC2["**核心创意**"]
        IC2 -->|"实时步骤分解+错因可视化"| IC3["**可行性**"]
        IC3 -->|"✔ 已有NLP技术<br>✖ 需教育专家参与"| IC4["🔍"]
    end

flowchart TD
    %% ===== 唯一标识区域 =====
    subgraph 唯一标识[" "]
        direction LR
        id1["[201910091809]"]
    end

    %% ===== 核心观点区域 =====
    subgraph 核心观点[" "]
        direction TB
        point1["Struggling when you acquire a skill could be important to become great in your field"]
    end

    %% ===== 标签区域 =====
    subgraph 标签[" "]
        direction LR
        tag1["#expertise"]
        tag2["#innovation"]
        tag1 --- tag2
    end

    %% ===== 论证区域 =====
    subgraph 论证[" "]
        direction TB
        arg1["• Being good at something is not enough to be an innovator"]
        arg2["- Savants excel at their skill without innovating [2019100917461]"]
        arg3["- So merely being good at something is not enough to innovate and be creative"]
        arg4["• Self-taught jazz musicians sound more interesting than their peers from jazz music school [201910091737]"]
        arg5["- 'More interesting' can entail being more creative, too"]
        arg6["- Epstein writes about a lot of great musicians being self-taught [Chapter 3] [#Epstein2019range]"]
        
        arg1 --> arg2 --> arg3
        arg4 --> arg5 --> arg6
    end

    %% ===== 参考文献区域 =====
    subgraph 参考文献[" "]
        direction LR
        ref1["[#epstein2019range]: David Epstein (2019): Range. why generalists triumph in a specialized world, New York: Riverhead Books."]
    end

    %% ===== 分隔线 =====
    sep1["---"]:::dashed

    %% ===== 底部标签 =====
    subgraph 底部标签[" "]
        direction LR
        footer1["Links"]
        footer2["Body"]
        footer3["References"]
        footer1 --- footer2 --- footer3
    end

    %% ===== 连接关系 =====
    唯一标识 --> 核心观点
    核心观点 --> 标签
    标签 --> sep1
    sep1 --> 论证
    论证 --> 参考文献
    参考文献 --> 底部标签
    
    %% ===== 样式定义 =====
    classDef dashed stroke-dasharray: 5 5;

相关的模版

flowchart TD
    %% ===== 卡片笔记系统 =====
    subgraph 卡片笔记系统[卡片笔记系统]
        direction TB
        
        标题[卡片笔记系统] --> 副标题[支持Markdown与Mermaid语法]
        
        %% 永久笔记 - 使用垂直布局
        subgraph 永久笔记[永久笔记]
            direction TB
            PN1[核心概念 必要难度理论]
            PN2[核心观点 学习时增加难度提升记忆]
            PN3[应用场景 间隔练习自我测试]
            PN4[图表 流程图示例]
            PN5[标签 认知科学 学习方法]
            
            PN1 --> PN2 --> PN3 --> PN4 --> PN5
        end
        
        %% 文献笔记 - 使用水平布局
        subgraph 文献笔记[文献笔记]
            direction LR
            LN1[文献 Range Why Generalists Triumph]
            LN2[作者 David Epstein 2019]
            LN3[核心论点 通才解决复杂问题更出色]
            LN4[图表 饼图示例]
            LN5[标签 通才 创新]
            
            LN1 --> LN2 --> LN3 --> LN4 --> LN5
        end
        
        %% 灵感笔记 - 使用垂直布局
        subgraph 灵感笔记[灵感笔记]
            direction TB
            IN1[创意 知识管理浏览器插件]
            IN2[触发场景 阅读时需多次切换保存]
            IN3[核心功能 一键保存自动提取]
            IN4[图表 系统流程图]
            IN5[标签 产品创意 AI应用]
            
            IN1 --> IN2 --> IN3 --> IN4 --> IN5
        end
        
        %% 功能区
        永久笔记 --> 功能区[功能区]
        文献笔记 --> 功能区
        灵感笔记 --> 功能区
        功能区 --> 导出按钮[导出为图片]
        导出按钮 --> 预览按钮[预览内容]
    end
    
    %% 样式定义
    classDef title fill:#2c3e50,stroke:#3498db,stroke-width:2px,color:white;
    classDef permanent fill:#e3f2fd,stroke:#1e88e5;
    classDef literature fill:#e8f5e9,stroke:#43a047;
    classDef idea fill:#f3e5f5,stroke:#9c27b0;
    classDef function fill:#fffde7,stroke:#f57f17;
    
    class 标题,副标题 title;
    class 永久笔记 permanent;
    class 文献笔记 literature;
    class 灵感笔记 idea;
    class 功能区,导出按钮,预览按钮 function;