流程图的新语法-mermaid的快速使用--推荐

chatgpt或者现在的大数据采用的流程图给出的代码如下:

graph TD;A[接收客户请求] --> B[问题分类];B --> C[技术支持];B --> D[维修服务];C --> E[远程解决];C --> F[现场支持];D --> G[维修完成];G --> H[服务反馈];style A fill:#f9f,stroke:#333,stroke-width:2px;style B fill:#ccf,stroke:#333,stroke-width:2px;style C fill:#fc3,stroke:#333,stroke-width:2px;style D fill:#9f3,stroke:#333,stroke-width:2px;style E fill:#3cf,stroke:#333,stroke-width:2px;style F fill:#c3f,stroke:#333,stroke-width:2px;style G fill:#93f,stroke:#333,stroke-width:2px;style H fill:#ff9,stroke:#333,stroke-width:2px;

那如何快速的生成需要的流程图办法:

1.typora实现

a.typora设置,选择上“图表 (序列、刘晨图和...)”


b.typora中输入代码的方式

在文字编辑页面输入“三个点+mermaid”回车键入代码,要注意的是其中三个点,按键位置在Tab上面,在英文状态下输入,结尾也要有三个点。

 

 把代码黏贴到这个地方就是可以看出流程图了。

 

 2.官方网站实现(在线编辑器实现)

http://mermaid.js.org/intro/

 3.vscode中展示使用

安装这个插件

 创建*.md的mardows文件

 写完代码(复制),一定要打开预览,否则就是没有图的

 4.中文在线编辑器

https://www.min2k.com/tools/mermaid/

 5.官方在线编辑器

https://mermaid.live/

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/811114.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Linux C++ 022-函数模板

Linux C 022-函数模板 本节关键字:Linux、C、函数模板、泛型编程 相关库函数: 函数模板的用法 C另一种编程思想称为泛型编程,主要利用的技术就是模板,C提供两种模板机制:函数模板和类模板函数模板的作用&#xff1a…

IO流(字节流、字符流)

一、IO概述 1.什么是IO流? 存储和读取数据的解决方案l: inputo: output流∶像水流一样传输数据 2.IO流的作用? 用于读写数据(本地文件,网络) 3.IO流按照流向可以分类哪两种流? 输出流:程序 - > 文件 输入流:文件 - > 程…

【解决】安装模块时报错:ERROR: *.whl is not a valid wheel filename.

其实错误信息已经告诉你了,就是你的文件名有问题。在你下载whl文件时一定要注意原文件的文件名,不要改动文件名。 以我安装pandas模块为例吧。 在我下载whl文件时,因为网速太慢,我就下载了多次,导致文件名变成了这个…

ssm044基于java和mysql的多角色学生管理系统+jsp

学生管理系统设计与实现 摘 要 现代经济快节奏发展以及不断完善升级的信息化技术,让传统数据信息的管理升级为软件存储,归纳,集中处理数据信息的管理方式。本学生管理系统就是在这样的大环境下诞生,其可以帮助管理者在短时间内处…

【汇编】计算机系统构成

计算机系统构成 计算机系统包括硬件和软件两部分 硬件 典型的计算机结构包括 中央处理器(CPU)、存储器和输入输出(I/O)子系统 三个主要组成部分,用系统总线把它们连接在一起 计算机硬件组成与各部分之间的联系 软件 计算机软件可以分为系统软件和用户软件两大类 …

redis的缓存击穿、缓存穿透、缓存雪崩

缓存击穿 缓存击穿是指一个key非常热点,在不停的扛着大并发,大并发集中对这一个点进行访问,当这个key在失败的瞬间,持续的大并发就穿破缓存,直接请求数据库,就像在一个完好无损的桶上凿开一个洞。 如何解决 1. 设置热点永不过期 从redis上看,确实没有设置过期时间,这…

Linux系统优化

优化ssh链接速度 xshell中内置了ssh链接的客户端,Linux系统内置了ssh的服务端sshd,默认是开启的,在mac系统中,sshd是默认关闭的,需要手动开启。 [rootlocalhost ~]# ls /etc/ssh moduli sshd_config ssh_…

Monica Unlimited生产环境半年实践心得

程序员开通Monica Unlimited,到现在也有半年,AGI的影响在渐渐发生 最开始的时候并不知道如何和AI协作, 只能逼自己每天和Monica聊天, 但是感觉如果没有目的的提问, 往往也得不到想要的回答. "正则表达式"是kick-Off,学一次用一次的…

Node.js HTTP Server

可以支持视频断点续传。 http-server: a simple static HTTP server # Install npm install --global http-server# cd to targer directory and start http-server

如何查找下载国外博士论文

查找国外博士论文可以去ProQuest学位论文全文数据库,ProQuest学位论文全文数据库,是将ProQuest公司PQDD文摘库(现名PQDT)中适合中国科研人员科研和教学使用的论文全文建设而成,并向全国百数家科研教学单位的读者提供全…

P1579 哥德巴赫猜想(升级版)Python 埃拉托斯特尼筛法

哥德巴赫猜想(升级版) 题目背景 1742 年 6 月 7 日,哥德巴赫写信给当时的大数学家欧拉,正式提出了以下的猜想:任何一个大于 9 9 9 的奇数都可以表示成 3 3 3 个质数之和。质数是指除了 1 1 1 和本身之外没有其他约…

【数据结构与算法】贪心算法及例题

目录 贪心算法例题一:找零问题例题二:走廊搬运物品最优方案问题输入样例例题三:贪心自助餐 贪心算法 贪心算法是一种在每一步选择中都采取当前状态下最优的选择,以期望最终达到全局最优解的算法。它的核心思想是每次都选择当前最…

基于动态顺序表的应用——通讯录

文章目录 顺序表的应用——基于动态顺序表实现通讯录一、顺序表的文件:SeqList.hSeqList.c 二、通讯录的实现思路三、通讯录代码实现通讯录的初始化通讯录的销毁通讯录添加数据通过姓名查找联系人通讯录删除数据通讯录展示通讯录修改数据通讯录查找测试代码 四、所有…

R-tree总结

R树(R-tree)是一种树状数据结构,用于高效地索引和查询多维空间数据。它最常见的应用是在地理信息系统(GIS)和空间数据库中,用于管理和查询地理空间数据。下面是一个R树的简要总结,并结合一个实际…

永恒之蓝(ms17-010)复现

永恒之蓝 永恒之蓝(Eternal Blue)爆发于2017年4月14日晚,是一种利用Windows系统的SMB协议漏洞来获取系统的最高权限,以此来控制被入侵的计算机。甚至于2017年5月12日, 不法分子通过改造“永恒之蓝”制作了wannacry勒索…

计算机网络——CSMA/CD协议以及相关习题

目录 前言 引言 CSMA/CD协议 CSMA与CSMA/CD的区别 CSMA/CD流程 前言 本博客是博主用于复习计算机网络的博客,如果疏忽出现错误,还望各位指正。 引言 最早的以太网,许多计算机都连接在一根总线上工作——广播通信方式。 总线的特点想…

2024山东健博会/功能性食品/阿胶/酵素/营养品/肽产品展

2024第6届中国(济南)国际大健康产业博览会(China-DJK山东健博会) The 2024 sixth China (Jinan) International Big Health Industry Expo 时间:2024年05月27日—29日 场馆:济南黄河国际会展中心 主办&am…

vim配置 fzf 插件

要配置 fzf 插件,请按照以下步骤进行操作: 安装 fzf:首先,确保你已经安装了 fzf 工具。你可以从 fzf 的 GitHub 页面(https://github.com/junegunn/fzf)上找到详细的安装指南。 安装 fzf.vim 插件&#xf…

别让这6个UI设计雷区毁了你的APP!

一款成功的APP不仅仅取决于其功能性,更取决于用户体验,这其中,UI设计又至关重要。优秀的UI设计能够为用户带来直观、愉悦的交互体验,甚至让用户“一见钟情”,从而大大提高产品吸引力。 然而,有很多设计师在…

Python的基础知识学习路线2—运算符与变量类型(使用jupyter notebook进行操作:最全路线,每部分附有代码操作结果)

一、更改jupyter notebook 打开文件的位置 1、打开Anaconda Prompt终端,输入以下命令,创建配置文件:jupyter_notebook_config.py jupyter notebook --generate-config2、打开生成的配置文件 3、编辑配置文件jupyter_notebook_config.py&…