做了个免费工具:写 Markdown,一键排好 X(Twitter)长文,代码、表格、Mermaid 图自动转图片

echoVic 2026-10-22 21:46 1

在 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 渲染成图片


想听听大家的意见



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

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


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

最新回复 (0)
    没有回复
* 帖子来源V2EX
返回