工具与资源github.com
Mermaid：用类 Markdown 文本生成图表和流程图
Mermaid: Markdown-like generation of diagrams and flowcharts from text
2017 — 2018，它一次次回到首页
黑点是上首页（≥ 50 分）的那次投稿，空心点是没冲上去的投稿，点越大分数越高。
导读
Mermaid 是一个用类似 Markdown 的文本语法生成图表和流程图的工具，项目在 GitHub 上开源。它让开发者把图表定义写在代码或文档里，便于版本控制和协作；评论中常把它与 Graphviz、PlantUML、draw.io 等文本绘图或图表工具比较。
为什么经久不衰：它把图表变成可版本控制的纯文本，降低了画图门槛，并且多年间持续被用于架构图、文档和博客，因此至今仍值得一看。
HN 评论精选
肯定 Mermaid 的实用场景，但批评其布局算法在连线交叉和美观度上不足，期待更智能的渲染器。
Mermaid 很棒，我用它画过技术栈架构图和应用间数据流图。但它生成的图只比 Graphviz 好看一点，而且对避免多余连线交叉的优化很差（简单图也很容易变成这样：https://imgur.com/Tkpa9fD）。我希望有更智能的布局算法，能重点优化方向和整洁度、很好理解分组，并方便应用 SVG 样式；Google 的图在这方面做得不错。
lobster_johnson查看英文原文
Mermaid is great, and I've used it for architectural diagrams of how tech stacks are put together, or data flows between apps. But it only produces marginally nicer-looking diagrams than Graphviz, and it optimizes badly against unnecessary line intersections (e.g. it's far too easy to end up with this, even in trivial diagrams: https://imgur.com/Tkpa9fD). My wish is for a diagram renderer with a smarter layout algorithm that heavily optimizes for direction and cleanness, understands grouping really well, and comes with easy ways to apply SVG styles. I like Google's diagrams in this regard: http://donatz.info/wp-content/uploads/2017/10/google-cloud-architecture-beautiful-on-with-regard-to-real-time-bidding-architectures-1.png http://donatz.info/wp-content/uploads/2017/10/google-cloud-architecture-lovely-on-intended-designing-etl-for-a-native-data-warehouse-5.png http://donatz.info/wp-content/uploads/2017/10/google-cloud-architecture-fine-on-intended-for-platform-blog-understanding-pricing-6.png
推荐 PlantUML 作为同类替代，并提供在线编辑器。
还可以看看 http://plantuml.com/，这里有在线编辑器/渲染器：http://planttext.com/。
gegtik查看英文原文
You should also check out http://plantuml.com/ An online editor/renderer is available at http://planttext.com/
指出 Mermaid 有实时渲染的在线编辑器，方便试用。
我很喜欢这个项目；它藏在“姊妹项目”里不太显眼，但还有一个实时渲染版本：https://mermaidjs.github.io/mermaid-live-editor/。很酷的项目。
michaelbuckbee查看英文原文
I really like this, it's a bit buried in their "sibling projects" but there is a live rendering version as well: https://mermaidjs.github.io/mermaid-live-editor/ Very cool project.
介绍 draw.io 内置从文本生成图表的功能且开源。
draw.io [1] 也有这个功能，藏在“Arrange->Insert->From Text”下，而且它也是开源的 [2]。我在这个项目上工作。[1] https://www.draw.io [2] https://github.com/jgraph/draw.io
davidjgraph查看英文原文
draw.io [1] has this hidden under Arrange->Insert->From Text and is also open source [2]. I work on the project. [1] https://www.draw.io [2] https://github.com/jgraph/draw.io
历次讨论
同类还值得读
直接在浏览器中启动 Linux 内核
Boot a linux kernel right inside your browser.
Fabrice Bellard 的 JSLinux 页面，用 JavaScript 在浏览器里启动一个 Linux 内核，并提供一个可交互的终端环境。
工具与资源上首页 5 次 · 2011–2025bellard.orgHacker News 未公开功能与行为清单（2018）
A List of Hacker News's Undocumented Features and Behaviors (2018)
数据科学家 Max Woolf 整理的 Hacker News 未公开功能与行为清单，涵盖投票机制、排名算法、账号惩罚等社区运作细节。
工具与资源上首页 5 次 · 2019–2025github.comMapSCII：在终端中用盲文和 ASCII 渲染地图
MapSCII – Braille and ASCII map renderer for the console
MapSCII 是一个在命令行终端里渲染地图的开源工具，用盲文字符和 ASCII 字符把地理数据画成可交互浏览的字符地图。
工具与资源上首页 5 次 · 2017–2025github.com顶尖大学的免费在线课程
Free Online Courses from Top Universities
Open Culture 整理的一份免费在线课程合集，汇集了全球顶尖大学（如 MIT、斯坦福、耶鲁等）向公众开放的网络课程资源，涵盖音频、视频等多种形式。
工具与资源上首页 5 次 · 2010–2022openculture.com淘气字符串：容易引发用户输入问题的字符串清单
Naughty Strings: A list of strings likely to cause issues as user-input data
一个 GitHub 仓库，收录了大量容易让程序出问题的用户输入字符串，如特殊字符、emoji、SQL 注入片段、系统命令等，供开发者用于测试输入处理逻辑。
工具与资源上首页 4 次 · 2015–2020github.com