在 X 上发技术长文( Articles )时一直有个痛点:X 的编辑器不认 Markdown 。

我平时用 Markdown 写稿,每次往 X 上发都要:

- 手动重新设置标题、加粗、链接

- 一段段截图代码块

- 表格截图

- Mermaid 流程图先去 mermaid.live 导出,再一张张传上去

一篇稍长的技术文,光排版就要半小时。所以做了这个:

MD2X → https://markdown2x.com/zh

能做什么

- 左边写 Markdown ,右边实时预览 X 长文的效果

- 「复制标题」「复制正文」,粘到 X 里标题、加粗、链接、列表都保留

- 代码块 → 带语法高亮的 PNG ( 9 种主题:GitHub 、Dracula 、Nord 、One Dark Pro 、Tokyo Night……)

- Markdown 表格 → 干净的表格图片

- Mermaid → PNG ,配色跟着亮色/暗色主题走

- 所有图片可以逐张复制,也可以一键打包 ZIP 下载

- 还能把一篇 Markdown 拆成带编号的推文串( Thread )

单项小工具(不用打开编辑器)

- Mermaid 转 PNG: https://markdown2x.com/zh/mermaid-to-png

- 代码转图片: https://markdown2x.com/zh/code-to-image

- Markdown 表格转图片: https://markdown2x.com/zh/markdown-table-to-image

其他

- 免费,不用注册

- 纯浏览器运行,草稿存在 localStorage ,不上传

- 支持 PWA 离线使用、暗色模式、中英文界面

- 开源: https://github.com/echoVic/x-article-md

- 技术栈:Next.js 16 + TypeScript + Tailwind ,Mermaid 和代码都在浏览器里用 Canvas 渲染成图片

想听听大家的意见

- 你往 X / 公众号贴技术内容时,还有哪些格式会乱?

- 如果做成 Chrome 插件,直接写进 X 的编辑器,省掉复制粘贴这一步,你会用吗?

有 bug 或建议直接回复,我都会看。

主楼