惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

C
Check Point Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
博客园 - 聂微东
月光博客
月光博客
博客园 - 司徒正美
爱范儿
爱范儿
aimingoo的专栏
aimingoo的专栏
量子位
Recent Announcements
Recent Announcements
V
V2EX
P
Proofpoint News Feed
小众软件
小众软件
云风的 BLOG
云风的 BLOG
腾讯CDC
宝玉的分享
宝玉的分享
Microsoft Azure Blog
Microsoft Azure Blog
大猫的无限游戏
大猫的无限游戏
Vercel News
Vercel News
The GitHub Blog
The GitHub Blog
A
About on SuperTechFans
B
Blog
博客园_首页
GbyAI
GbyAI
博客园 - Franky

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
如何在 Markdown 里绘制各种图表 - 少数派
2019-02-20 · via 少数派

图表,包括各种流程图、时序图、甘特图,相比大段的文字,用于更强的视觉效果,拥有「一图胜千言」的效果;而 Markdown,则是一种简约的标记语言,可以用几个特殊符号实现快速排版。

你有没有想过,Markdown 还可以用来画图表?

用 Markdown 画图表,听上去有点像在炫技,其实这是一种很轻量的画图方式,绘制快速、易于修改;另一方面,大量免费工具对于「Markdown & 图表」的支持,也降低了我们「打字画图」的门槛。这篇文章里,我将和大家分享一些常用图表的绘制方法。

本文写作环境为 Windows 10 1809,所用编辑器为 Typora,版本 0.9.62 (beta)。以 Typora 为例,在 Typora「偏好设置 → Markdown 扩展语法」中打开「序列图、流程图和 Mermaid 选项」即可开启相关绘制功能。

诚然,市面上有强大的 Visio、Omni 家族,还有免费、在线的 ProcessOn、draw.io 等等优秀的流程图、时序图绘制工具,那我们为什么还要学习利用 Markdown 来绘制这些图表呢?

我主要青睐 Markdown 语言本身带来的特点——轻量和易修改

  1. 比起那些拖拽建立图标的工具,Markdown 更轻量,只靠打字就能制作图表。在我的想法意识流过程中突然出现「闪念」时,用 Markdown 可以快速抓住灵感。
  2. 用 Markdown 绘制图像,后期对图像进行更改的成本会很低。比如需要修改图中的几个错别字,那不必打开电脑、开启软件、找到图片源文件,而可以直接在 Markdown 文件中修改几处代码,在手机上也可以进行。

具体到工具方面,支持用 Markdown 画图的编辑器也不少,从免费大众的印象笔记、Typora,到经过配置的 Visual Studio Code 和 Sublime Text 都支持了时序图 Sequence、流程图 Flow Chart 等的绘制,有的甚至直接集成了 Mermaid 渲染引擎,可以让你创作更多个性图表。

接下来,我会具体介绍:如何利用简洁的 Markdown 语言,来高效的实现对时序图、流程图、甘特图等的绘制。