如何用csdn的markdown画树图(代码片段)

nufe_wwt nufe_wwt     2022-12-06     412

关键词:

如何用CSDN的Markdown画树图

不想在WPS的流程图里摸鱼了,想起来Mermaid流程图用Markdown画的很快,于是来看了看CSDN自带的md编辑器,我也不扯太难的,要是你自己想了解更多 参考文档 去吧。在这里我就简单的画个树(为了防止过两天我失忆了连树都忘记怎么画了)。

```mermaid
graph TB

A((A))
B((B))
C((C))
D((D))
E((E))
F((F))
G((G))
H((H))
I((I))
J((J)) 
K((K))
A-->B
A-->C
A-->D
E-->F
G-->H
G-->I
I-->J
```

画出来就是下面这样子:

A B C D E F G H I J K

A((B))举例吧,好比有一个字典 dictA:B,A就是key键值,B就是value,在数的圈圈里显示的是value。-->就是指向线,也可以“初始化的时候就赋值”,例如:A((A))-->B((B))其实就等价与A((A))<CR>B((B))<CR>A-->B

代码中的graph TB写成graph Top to Bottom是不是一下就懂了,推而广之就有:


graph BT

A B C D E F G H I J K

graph LR

A B C D E F G H I J K

graph RL

A B C D E F G H I J K

再说两句吧

```mermaid
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D菱形
C --> D
```
链接 长方形 圆角长方形 菱形

这个是CSDN提供的例子,可以看到给了四种图形:矩形[]圆形(())圆角矩形[]菱形
还指出了-- 链接 -->这个用法。

(二叉树画不来)

markdown如何用cyrilic口音json_encode数组?(代码片段)

查看详情

如何用markdown在简书上发布自己的技术博客

...你解答,暂时不支持的。以后应该可以,如果多需要用到markdown功能,建议你使用简书,可以直接发文的,笔记类的就使用为知笔记,希望我的回答能帮到你,祝你生活愉快。我使用这么久都没有发现简书有自动生成目录功能,... 查看详情

如何用markdown生成目录

参考技术A你得懂markdown语法。至少得懂怎么用markdown语法设置标题。2然后在笔记开头写上"[Toc]"(即双引号里面的内容),再用markdown语法写好你的笔记,并确保在笔记名字后面加上".md",编辑并保存后,即可看到渲染... 查看详情

csdn博客园等6大技术博客平台的写作体验测评(代码片段)

目录功能对比markdown编辑器写作体验比较1.segmentfault.com体验5星,极好2.CSDN体验5星,极好3.开源中国OSChina.net体验3星,一般4.博客园cnblogs.com体验1星,极差5.知乎无markdown编辑器,富文本编辑器体验5星,极好6.简书评价5星,极好功... 查看详情

csdn-markdown编辑器的姿势大全(代码片段)

欢迎使用Markdown编辑器你好!这是你第一次使用Markdown编辑器所展示的欢迎页。如果你想学习如何使用Markdown编辑器,可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓... 查看详情

csdn的markdown模板留存(代码片段)

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左... 查看详情

csdn的markdown模板留存(代码片段)

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左... 查看详情

csdn(markdown)写作模板——插图表格排版(代码片段)

CSDN写作模板——插图、表格、排版欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容... 查看详情

csdn之markdown的使用技巧(代码片段)

现如今MarkDown在csdn上的使用越来越频繁,用它写博客,在带来全新的体验的同时,如果我们掌握了其中的一些小技巧,会让书写的过程事半功倍。标题在文字写书写不同数量的#可以完成不同的标题,如下:... 查看详情

csdn「markdown」编辑器的优点不足使用技巧和新增功能|csdn编辑器测评(代码片段)

个人认为,CSDN的Markdown编辑器是全网最好用的编辑器,但是,如果能将下述的功能再完善一点,就更好了1.上传的图片最大只能5MB一般如果图片是静态图片,5MB肯定足够了。但是有个时候我想把我自己的运行结... 查看详情

欢迎使用csdn-markdown编辑器(代码片段)

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入... 查看详情

markdown-csdn自带帮助语法(代码片段)

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左... 查看详情

备注csdn-markdown编辑器(代码片段)

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左... 查看详情

如何用word画一幅二叉树图啊?

具体要求在我发的一个帖子里面地址如下如果有谁能帮我画好,一定感激不尽,另有重奖类似于上面这张图,我自己画的,每个节点就是一个小圆圈,里面不用写字绘图工具。用三个“圆”作为结点,并将它们连接起来。二叉树... 查看详情

使用markdown在csdn写博客的一些模板(代码片段)

模板一(笔记类模板)写在前面用Markdown写博客一年多了,最开始是用富文本写,后来发现Markdown更适合我,而且CSDN提供了导入导出的功能,图片可以云存储,所以导出了博文在本地也可以直接看,尤其是笔... 查看详情

markdown----创作中心教程(代码片段)

Markdown是一种轻量级标记语言,排版语法简洁,使用易读易写的纯文本格式编写文档,可与HTML混编,可导出HTML、PDF以及本身的.md格式的文件。因简洁、高效、易读、易写,Markdown被大量使用,如Github、Wikipe... 查看详情

如何用markdown编辑器排版github个人项目创建

参考技术A1、我们可以利用Markdown可插入文本,代码块,图片,表格等。在此之前我们还需要熟悉Markdown语法,至于Markdown规范,此处就不赘述了,简书和度娘上有很多这方面的博客请大家自行搜索。(1)、首先打开Markdown编辑器,... 查看详情

如何用有道云笔记写含数学公式的专业文章

有道云笔记Markdown功能(“新建”-Markdown)可输入数学公式,用Latex语法,所见即所得,有简洁的Help,所生成的网页也漂亮。输入数学公式可与OnlineLaTexEquationEditor一起使用。同时,用Markdown写计算机专业文章惊人地妙—&... 查看详情