FlowChart

type
status
date
slug
summary
tags
category
icon
password
在思源笔记中使用flowchart.js来制作流程图同样是一个非常实用的功能。
 

如何创建FlowChart块?

以下是如何在思源笔记中使用flowchart.js的详细步骤:
  1. 三种方式插入FlowChart:
    1. 通过快捷命令 /flowchart 快速创建一个 flowchart 代码片段(推荐)
    2. 通过Markdown语法在行首输入 ```flowchart 回车快速创建一个flowchart代码片段
    3. 通过输入 /code 插入一个代码片段,然后选择语言为flowchart
    4.  
  1. 编写流程图代码
      • 在代码块中输入 flowchart.js 的语法。flowchart.js的语法相对简单,主要分为三个部分:节点语法、节点类型和节点连接。
      • 例如,下面是一个简单的流程图代码示例:
    1. 查看流程图效果
        • 在代码块中输入完flowchart.js的语法后,保存或更新笔记。
        • 思源笔记会自动解析并显示流程图。
    notion image
     
     

    学习更多flowchart语法

    • 如果你对flowchart.js的语法还不够熟悉,可以访问flowchart.js的官方网站 flowchart.js.org
    • 该网站提供了详细的语法说明、示例和教程,帮助你更好地理解和掌握flowchart.js的使用。
    通过上述步骤,你可以在思源笔记中轻松创建和展示流程图,这对于工作记录、项目管理和决策流程可视化非常有帮助。
    上一篇
    Mind Map 脑图
    下一篇
    PlantUML
    Loading...

    思源笔记用户指南

    文章列表
    思源笔记用户指南
    🍼新手引导
    ✏️基础操作
    ⛓️基础块
    🧬高级块
    📊数据库
    🔡代码片段
    🔍搜索进阶
    🚀高级操作
    💎会员特权
    💠功能特性
    🖼️主题推荐
    🔌常用插件
    💬交流区