爱意满满的作品展示区。
echoVic

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

  •  
  •   echoVic ·
    echoVic · 3 days ago · 717 views

    在 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 )

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

    其他

    • 免费,不用注册
    • 纯浏览器运行,草稿存在 localStorage ,不上传
    • 支持 PWA 离线使用、暗色模式、中英文界面
    • 开源: https://github.com/echoVic/x-article-md
    • 技术栈:Next.js 16 + TypeScript + Tailwind ,Mermaid 和代码都在浏览器里用 Canvas 渲染成图片

    想听听大家的意见

    1. 你往 X / 公众号贴技术内容时,还有哪些格式会乱?
    2. 如果做成 Chrome 插件,直接写进 X 的编辑器,省掉复制粘贴这一步,你会用吗?

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

    No Comments Yet
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1628 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 17:32 · PVG 01:32 · LAX 10:32 · JFK 13:32
    ♥ Do have faith in what you're doing.