前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Markdown高级用法——mermaid

Markdown高级用法——mermaid

作者头像
燃192
发布2024-01-17 14:48:46
4280
发布2024-01-17 14:48:46
举报
文章被收录于专栏:Java技术圈子Java技术圈子

Markdown高级用法——mermaid

起初是写文章,其中有时序图流程图等一般是processOn或者draw.io画截图粘过去的,工作中又是腾讯文档,上面也能画图,但假如我笔记软件用语雀之类的又要把一张图反复粘贴,浪费内存,如果统一图床,又会有内外网权限问题,最终我找到了解决办法,谁说markdown只能写文档的,语法熟练以后比直接画图还快。

参考资料

https://zhuanlan.zhihu.com/p/70261692

https://mermaid.js.org/intro/

mermaid图表可视化工具

它是一个基于 JavaScript 的图表绘制工具,可呈现 Markdown 启发的文本定义以动态创建和修改图表。

他功能很强大,想深入了解的同学点上面两个链接进去学习,这里只介绍两种最常用的图表类型,几乎所有支持Markdown语法的编辑器都支持mermaid,比如我最常用的Typro(自带),obsidion(需要安装第三方插件支持),notion(原生支持)。

流程图

方向

该语句声明了流程图的方向。

这声明流程图是从上到下(TDTB)的。

代码:

这声明流程图是从左到右定向的 ( LR)。

代码:

StartStop

可能的流程图方向是:

  • TB——从上到下
  • TD - 自上而下/与自上而下相同
  • BT——从下到上
  • RL——从右到左
  • LR——从左到右

按钮样式

矩形

圆角矩形

腰圆形也叫跑道型

箭头样式

实线箭头

直线

线上的文字

虚线链接

带文字的虚线链接

多方向箭头

对于点链接或粗链接,要添加的字符是等号或点,如下表所示:

长度

1

2

3

普通的

---

----

-----

正常带箭头

-->

--->

---->

厚的

===

====

=====

粗带箭头

==>

===>

====>

点状

-.-

-..-

-...-

带有箭头的虚线

-.->

-..->

-...->

闰年例子

闰年的定义是指能够整除4的年份。然而,有一个例外规则,即能够整除100但不能整除400的年份不算是闰年。这是为了修正日历系统中的误差,确保闰年的周期相对稳定。

因此,按照常见的规则:

  • 如果年份能够整除4,但不能整除100,那么它是一个闰年。
  • 如果年份能够整除100,但不能整除400,那么它不是闰年。
  • 如果年份能够整除400,那么它仍然是一个闰年。

举例来说:

  • 2000年是闰年,因为它能够整除4和400。
  • 1900年不是闰年,因为它能够整除4和100,但不能整除400。
  • 2024年是闰年,因为它能够整除4。

时序图

HTTP建立连接

连接过程描述

  1. 客户端向服务器发送SYN(同步)请求。
  2. 服务器收到请求后,回复SYN-ACK(同步-确认)。
  3. 客户端收到服务器的回复后,发送ACK(确认),完成三次握手过程。

HTTP断开连接

微信小程序调用

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2024-01-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Java技术圈子 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Markdown高级用法——mermaid
  • mermaid图表可视化工具
  • 流程图
    • 方向
      • 按钮样式
        • 矩形
        • 圆角矩形
        • 腰圆形也叫跑道型
      • 箭头样式
        • 实线箭头
        • 直线
        • 线上的文字
        • 虚线链接
        • 带文字的虚线链接
        • 多方向箭头
      • 闰年例子
      • 时序图
        • HTTP建立连接
          • HTTP断开连接
            • 微信小程序调用
            相关产品与服务
            云开发 CloudBase
            云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档