如何用 Markdown 来画图?

白色玫瑰 程序猿

时间: 2023-07-11 阅读: 1 字数:3045

{}
今天给大家介绍一个曾经获得过The most exciting use of technology大奖的优秀项目:MermaidMermaid,简单来说呢,是一个基于Javascript的...

目录

今天给大家介绍一个曾经获得过The most exciting use of technology大奖的优秀项目:

Mermaid 140bc6b485b213b8ce00fbd5faadd9ea.png

Mermaid,简单来说呢,是一个基于Javascript的图表绘制工具,但是他又不是一个简单的画图工具。Mermaid采用类似Markdown的语法绘制图表并进行修改,让文档的绘制更新变得更方便快捷。

因为在整个软件开发的生命周期里,各种文档及图表都是非常重要的财产,尤其对于后续新人及工作交接来说,一个完整的时刻更新的文档是项目稳定运行的基础。

Mermaid的初衷就是在于减少维护这些文档所需的时间及精力,让文档编写变得更加简单,可以将更多的精力关注在项目的其他部分中。

我们可以看几个主要会用到的文档极其对应代码示例:

流程图 e69924a7569348236578b9083f99257c.png

时序图 145b29d95310a411e8e6e1c9a91ae2ef.png

甘特图 bf417c4e925866507e9d1ebf43282162.png

类图 10eaed4ee628c5bc5a5c0752567318dd.png

状态图 1135225d5e15dd246e92cb2bfd9eac7e.png

饼图 ef8220745ef477f67648ea31f12e6945.png

有些小伙伴可能会担心上手难,其实并没有想象中那么难,Mermaid还提供了详尽的上手指南,教你一步步变成使用达人。 60fa9298016073d860dc761555520634.png c5e293e4503b3d20cc7f3da34bc07038.png 9bad21a46165a3ffe438873456a4719c.png 2566e873f3ab60598a856fcf94576b4e.png

对于经常用Markdown写作的小伙伴。更加应该使用的得心应手,还在为制作图表发愁的小伙伴们,不妨来试试看吧~

点击下方卡片,关注公众号“TJ君”

回复“Mermaid2022”,获取仓库地址

关注我,每天了解一个牛x、好用、有趣的东东

原文地址:https://blog.csdn.net/j3T9Z7H/article/details/123026061?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168905959516800227485936%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=168905959516800227485936&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-6-123026061-null-null.142^v88^control,239^v2^insert_chatgpt&utm_term=markdown

本文章网址:https://www.sjxi.cn/detil/777e4426f0624f6096714159821e57c0
最新评论
当前未登陆哦
登陆后才可评论哦

湘ICP备2021009447号

×

(穷逼博主)在线接单

QQ: 1164453243

邮箱: abcdsjx@126.com

前端项目代做
前后端分离
Python 爬虫脚本
Java 后台开发
各种脚本编写
服务器搭建
个人博客搭建
Web 应用开发
Chrome 插件编写
Bug 修复