AI 提效工具:把 ChatGPT 输出的 Markdown 一键转成图片

0 阅读3分钟

最近做了一个很小的浏览器插件:Markdown to Image

它解决的问题很简单:

ChatGPT / Claude / Gemini 这类 LLM 经常输出 Markdown,但很多时候我们真正想要的是一张能直接粘贴到笔记、文档、群聊里的图片。

比如 LLM 输出了一段结构化内容、表格、代码块、总结笔记,复制到不同笔记软件里经常会遇到格式不一致、样式丢失、排版不好看的问题。

所以我做了一个侧边栏工具:把 Markdown 直接渲染成图片,然后一键复制或下载。

mti.png

这个插件能做什么?

  • 在浏览器右侧边栏打开,不影响当前页面
  • 粘贴 Markdown 后实时预览
  • 一键复制为图片
  • 一键下载为 PNG
  • 支持 Chrome / Edge 手动安装
  • 默认不保留内容,更安全
  • 如果需要,也可以开启“保留内容”,下次打开自动恢复

使用场景

我自己主要用在这些地方:

  1. 把 ChatGPT 输出的总结复制成图片,发到群里
  2. 把技术笔记转成图片,贴到飞书、Notion、语雀
  3. 把 Markdown 表格、代码块、列表转换成统一样式的图片
  4. 写文章或做分享时,快速生成一张可传播的内容图

为什么不是直接复制 Markdown?

因为 Markdown 在不同软件里的表现差异太大了。

有些地方支持 Markdown,有些地方不支持;有些支持表格但样式很丑;有些复制过去换行、代码块、列表都会变形。

图片虽然不适合二次编辑,但适合:

  • 分享
  • 存档
  • 发群
  • 贴到文档里
  • 保持排版一致

所以这个插件的定位不是替代 Markdown,而是补上“把 LLM 内容快速变成可传播图片”的一步。

使用方式

现在先放在 GitHub Release 里,可以下载 zip 手动安装:

github.com/codeusb/mar…

项目地址:

github.com/codeusb/mar…

Chrome 安装

  1. 下载并解压 chrome-mv3-prod.zip
  2. 打开 chrome://extensions
  3. 打开右上角 开发者模式
  4. 点击 加载已解压的扩展程序
  5. 选择解压后的 chrome-mv3-prod 文件夹
  6. 点击扩展图标,打开右侧边栏

Edge 安装

  1. 下载并解压 chrome-mv3-prod.zip
  2. 打开 edge://extensions
  3. 打开 开发人员模式
  4. 点击 加载解压缩的扩展Load unpacked
  5. 选择解压后的 chrome-mv3-prod 文件夹
  6. 点击扩展图标,打开右侧边栏

当前版本

目前还是一个很早期的小工具,已经支持:

  • Markdown 输入
  • 实时预览
  • 复制图片
  • 下载图片
  • 展开 / 收起编辑区和预览区
  • 是否保留内容的开关
  • 中英文 README

后面可能会继续加:

  • 图片尺寸模板
  • 字体和主题选择
  • 公众号 / 小红书 / 通用文档样式
  • Chrome / Edge 商店上架

最后

如果你也经常把 AI 输出的 Markdown 复制到笔记软件、群聊或者文档里,可以试试这个小插件。

GitHub:

github.com/codeusb/mar…

下载:

github.com/codeusb/mar…

如果觉得有用,欢迎点个 Star,也欢迎提 Issue 反馈。