一、软件准备

        markdown专业必备软件:「typora」

        或者在线软件「process on」

二、用 【DeepSeek】生成 结构化内容(Mermaid文件)

(一)向deepseek输入指令:

        【帮我用mermaid写出“某某”的具体步骤,用0-X】,其中X表示你想要的步骤数量

复制以上内容,打开【typora】上建个文档

点击 【段落】再点击 【代码块】

将刚刚复制的 mermaid 代码粘贴到上面

然后再右下角的【选择语言】中选择【mermaid】

得到如下效果图

也可以更换成从左往右 只需要将第一行代码的TD改成LR:

三、具体讲下mermaid的用法
(一)基本概念、
  1. 节点(Nodes):表示图中的基本元素,可以是任何形状,如矩形、圆形、菱形等。
  2. 边(Edges):连接节点的线,表示节点之间的关系或流程的方向。
  3. 标签(Labels):附加在节点或边上的文字,用于说明或描述节点或边的内容。
  4. 子图(Subgraphs):将一组节点和边组合在一起,形成一个独立的部分,通常用于表示一个模块或子系统。
(二)基本语法
  1. 定义图类型:使用 graph 关键字定义图的类型,如 TD(从上到下)、LR(从左到右)等。

    graph TD;         //TD 是 top-down 的缩写,LR 是 left-to-right 的缩写

    flowchart TD;

graph TD  和 flowchart TD 区别:

Flowchart(流程图)和Graph(图表/图)都是数据可视化的工具

Flowchart和Graph在定义、用途、组成元素以及特点与应用场景方面都存在明显的区别。选择哪种工具取决于具体的可视化需求和目标。

  1. 添加节点:使用方括号 [] 定义节点的名称。

    A[开始];

    B[处理];

    C[结束];

  2. 连接节点:使用箭头 --> 连接节点,表示流程的方向。

    A --> B;

    B --> C;

  3. 添加标签:使用双引号 "" 为节点或边添加标签。

    A["开始"] --> B["处理"];

    B --> C["结束"];

  4. 定义子图:使用 subgraph 关键字定义子图,并用花括号 {} 包含子图的内容。

    graph TD;

        A["开始"] --> B["处理"];

        B --> C["结束"];

        subgraph 处理流程;

            D["步骤1"];

            E["步骤2"];

            D --> E;

        end;

(三)高级 用法
  1. 样式设置:可以为节点和边设置样式,如颜色、形状等。

    graph TD;

        A[开始] -->|条件1| B[处理];

        B --> C[结束];

        style A fill:#f9f,stroke:#333,stroke-width:4px;

        style B fill:#ccf,stroke:#f66,stroke-width:2px;

        style C fill:#cfc,stroke:#333,stroke-width:4px;

  2. 自定义形状:可以使用不同的形状来表示不同类型的节点,如矩形、圆形、菱形等。

    graph TD;

        A[(开始)] --> B((处理)) --> C[结束];

  3. 循环和条件:使用特定的符号表示循环和条件判断。

    graph TD;

        A[开始] --> B{是否继续?};

        B -->|是| C[处理];

        C --> B;

        B -->|否| D[结束];

  4. 嵌套子图:可以在一个子图中嵌套另一个子图,以表示更复杂的结构。

    graph TD;

        A["主流程"] --> B["子流程"];

        subgraph B;

        C["步骤1"];

        D["步骤2"];

        C --> D;

        end;

(四)示例代码 

 flowchart TD;
    A[开始] --> B{是否有书?};
    B -- 是 --> C[检查书籍状态];
    C -- 可借 --> D[填写借书单];
    D --> E[管理员审核并确认借出];
    E --> F[完成借书过程];
    B -- 否 --> G[结束,无书可借];

Logo

欢迎加入DeepSeek 技术社区。在这里,你可以找到志同道合的朋友,共同探索AI技术的奥秘。

更多推荐