网上的 mermaidjs 编辑器生成图都太丑了，一怒之下写了一个新的

[plane]

实在想不明白 2025 年了为什么程序员写文档还不能拥有一个好看的流程图生成器。😭 网上都是些什么古早编辑器。尤其 mermaid 已成为事实的最广泛各种流程图的标准了。

大家伙，快来试用。

https://mordern-mermaid.com

一怒之下，增加上线了多四个主题：毛玻璃，粗鲁主义，波普主义，复古说明书。快用起来 xdm ，让你的文档让人刮目相看


[BeCool]

不错

[BeCool]

SEO 小问题：代码里的 canonical 和 alternate 的域名错误。

[zeeler]

https://github.com/liujuntao123/smart-excalidraw-next

[plane]

@BeCool 码上修

[plane]

@zeeler 哈哈看到了，支持了 excalldraw 的手绘风，后面再把 AI 的各种东西整进来

[veau]

我常用的是在 excalldraw 生成图。然后复制为 png 粘贴到方案里面去

[HENQIGUAI]

挺好，就是域名太长了

[DeWjjj]

感觉这个有点麻烦，要按照既定格式去写，还没办法通过视图调整。

[maladaxia]

大佬您好,
你是 mermaid.js 库上加了样式吗

我以前用 mermaid.js 这个库的时候, 遇到一个问题:
svg 转 png 图片时文字缺失. 好像是 foreignObject 什么的问题.

请教一下你是用什么方案转图片的?

[rrfeng]

我选择 d2

[eddiego]

明天要汇报进度，正好用得上！ 感谢大佬
顺便说能加上手机端支持就更好了

[plane]

@maladaxia 直接用 html-to-image 搞

[plane]

@rrfeng respect

[plane]

@eddiego 手机端啊，可以支持一波，但优先级可能没那么高。用手机做图片会不会太卷了...手机不是用来刷短视频的吗[狗头]

[kapr1k0rn]

域名确定是 mordern 不是 modern ？

[plane]

@kapr1k0rn modern 被注册了。不过目前更新了新的域名： https://modern-mermaid.live

[tczzjin]

默认进入页面的时候分隔符居中的,其实可以默认黄金比例分割,preview 侧更大更直接

[kapaseker]

@DeWjjj mermaid 就是这样的，和 Markdown 文档差不多，格式也是固定的，渲染结果看渲染器怎么设定。

[limor]

掘金口味的标题

[plane]

@tczzjin 有道理

[plane]

一怒之下，增加上线了多四个主题：毛玻璃，粗鲁主义，波普主义，复古说明书。快用起来 xdm ，让你的文档让人刮目相看

[nickyadance23]

很棒，能解决问题

[plane]

@nickyadance23 有问题欢迎反馈🙌

[maladaxia]

@plane 你这个网站确实比我自用的 wails 写的 app 好, 你早发布, 我还写啥 app 啊

大大的赞👍, 啥时候开源周知一下

[plane]

@maladaxia 已经开源，帮帮忙 star 哈哈。https://github.com/gotoailab/modern_mermaid

[maladaxia]

@plane 说时迟那时快，一怒之下就开源了😄