最近做了一个很小的浏览器插件:Markdown to Image。
它解决的问题很简单:
ChatGPT / Claude / Gemini 这类 LLM 经常输出 Markdown,但很多时候我们真正想要的是一张能直接粘贴到笔记、文档、群聊里的图片。
比如 LLM 输出了一段结构化内容、表格、代码块、总结笔记,复制到不同笔记软件里经常会遇到格式不一致、样式丢失、排版不好看的问题。
所以我做了一个侧边栏工具:把 Markdown 直接渲染成图片,然后一键复制或下载。
这个插件能做什么?
- 在浏览器右侧边栏打开,不影响当前页面
- 粘贴 Markdown 后实时预览
- 一键复制为图片
- 一键下载为 PNG
- 支持 Chrome / Edge 手动安装
- 默认不保留内容,更安全
- 如果需要,也可以开启“保留内容”,下次打开自动恢复
使用场景
我自己主要用在这些地方:
- 把 ChatGPT 输出的总结复制成图片,发到群里
- 把技术笔记转成图片,贴到飞书、Notion、语雀
- 把 Markdown 表格、代码块、列表转换成统一样式的图片
- 写文章或做分享时,快速生成一张可传播的内容图
为什么不是直接复制 Markdown?
因为 Markdown 在不同软件里的表现差异太大了。
有些地方支持 Markdown,有些地方不支持;有些支持表格但样式很丑;有些复制过去换行、代码块、列表都会变形。
图片虽然不适合二次编辑,但适合:
- 分享
- 存档
- 发群
- 贴到文档里
- 保持排版一致
所以这个插件的定位不是替代 Markdown,而是补上“把 LLM 内容快速变成可传播图片”的一步。
使用方式
现在先放在 GitHub Release 里,可以下载 zip 手动安装:
项目地址:
Chrome 安装
- 下载并解压
chrome-mv3-prod.zip - 打开
chrome://extensions - 打开右上角
开发者模式 - 点击
加载已解压的扩展程序 - 选择解压后的
chrome-mv3-prod文件夹 - 点击扩展图标,打开右侧边栏
Edge 安装
- 下载并解压
chrome-mv3-prod.zip - 打开
edge://extensions - 打开
开发人员模式 - 点击
加载解压缩的扩展或Load unpacked - 选择解压后的
chrome-mv3-prod文件夹 - 点击扩展图标,打开右侧边栏
当前版本
目前还是一个很早期的小工具,已经支持:
- Markdown 输入
- 实时预览
- 复制图片
- 下载图片
- 展开 / 收起编辑区和预览区
- 是否保留内容的开关
- 中英文 README
后面可能会继续加:
- 图片尺寸模板
- 字体和主题选择
- 公众号 / 小红书 / 通用文档样式
- Chrome / Edge 商店上架
最后
如果你也经常把 AI 输出的 Markdown 复制到笔记软件、群聊或者文档里,可以试试这个小插件。
GitHub:
下载:
如果觉得有用,欢迎点个 Star,也欢迎提 Issue 反馈。