起因
我平时写技术文章用 Markdown,写完之后要往十几个平台搬运。
知乎粘贴一遍,公众号粘贴一遍,掘金再贴一遍……每个平台的编辑器还不一样:知乎不认 GitHub Alerts,公众号只吃富文本,B站和头条的图片得手动传。
同样的内容,光搬运就得花半小时以上。
后来我写了个 Chrome 插件来干这件事—— Markdown Paste Helper,把粘贴和格式转换的活儿全自动化了。
怎么用
智能粘贴
在支持的平台编辑器里直接 Ctrl+V(Mac 是 Cmd+V),插件自动识别剪贴板里的 Markdown,转成对应平台能用的格式,然后替你粘进去。
不用改操作习惯,该怎么粘贴还怎么粘贴。
一键分发
点插件图标 → 选「一键分发」→ 把 Markdown 贴进去 → 勾上要发的平台 → 点「开始分发」。
插件会依次打开每个平台的编辑器,自动转换格式并粘贴进去。右下角有个悬浮按钮显示当前进度。
每个平台你扫一眼内容没问题,点发布就行。
公众号样式配置
公众号对排版要求高,插件内置了 4 种主题:
- 简约 — 无衬线字体,干净
- 醒目 — 大标题,强对比
- 精致 — Georgia 衬线,典雅
- 聚焦 — Optima 字体,紧凑
字体、字号、行间距、主题色都能自己调。
样式直接内联到 HTML 里,粘贴到公众号编辑器就是最终效果。下方是一种效果示例:
支持的平台
| 平台 | 适配方式 | 亮点 |
|---|---|---|
| 知乎 | 预处理 Markdown | GitHub Alerts、task lists 自动转换 |
| 微信公众号 | 带样式 HTML | 4 种主题预设、代码高亮 |
| 飞书 | HTML 合成粘贴 | 完整语法支持 |
| X Articles | HTML + 自动插入 | 代码块/图片自动通过原生对话框插入 |
| B站专栏 | HTML + 图片上传 | 图片自动下载并上传 |
| 头条号 | HTML + 图片上传 | 图片自动下载并上传 |
| SegmentFault | 原生 Markdown | 无缝粘贴 |
| 51CTO | 直接 HTML | 格式完美保留 |
| 掘金 | 原生 Markdown | 无缝粘贴 |
| CSDN | 原生 Markdown | 无缝粘贴 |
| 博客园 | 原生 Markdown | 无缝粘贴 |
图片处理
B站、头条号这些平台不支持外链图片。插件碰到图片链接会自动下载图片,再模拟粘贴操作触发平台的原生上传。
Markdown 里的图片只要是在线 URL(比如图床链接)就能自动处理。
我自己用 PicGo + Cloudflare R2 搭了个免费图床,截图后自动上传、生成链接,配合这个插件刚好形成闭环。
技术细节
每个平台的编辑器框架都不一样,得逐个适配:
- 知乎 — 自研 Markdown 编辑器,拦截
Ctrl+V,预处理后写回剪贴板 - 公众号 — 自研富文本编辑器,keydown 阶段把带 inline styles 的 HTML 塞进剪贴板
- 飞书 — Slate.js,合成 ClipboardEvent 注入 HTML
- B站 — Tiptap/ProseMirror,HTML 粘贴加图片异步上传
- X Articles — Draft.js,代码块和图片没法直接粘贴,改成自动操作原生插入对话框
每个平台都是单独写的适配逻辑。Content Script 注入页面后,拦截粘贴事件,根据平台选不同的转换策略。
安装
还没上 Chrome 商店(免费项目,暂时没预算交开发者账号的钱),开发者模式装一下就行:
- GitHub 下载项目:
https://github.com/zuogl/Markdown-Paste-Helper - Chrome 地址栏输入
chrome://extensions/ - 右上角打开「开发者模式」
- 点「加载已解压的扩展程序」
- 选
browser-extension文件夹
最后
项目开源,MIT 协议,免费用。
GitHub:https://github.com/zuogl/Markdown-Paste-Helper
多平台发文的朋友可以试试,有问题直接提 Issue。觉得有用的话,Star 一下。