我受够了写一篇文章粘贴11遍,所以写了个插件自动搞定!现在3分钟发布10+平台

0 阅读3分钟

起因

我平时写技术文章用 Markdown,写完之后要往十几个平台搬运。

知乎粘贴一遍,公众号粘贴一遍,掘金再贴一遍……每个平台的编辑器还不一样:知乎不认 GitHub Alerts,公众号只吃富文本,B站和头条的图片得手动传。

同样的内容,光搬运就得花半小时以上。

后来我写了个 Chrome 插件来干这件事—— Markdown Paste Helper,把粘贴和格式转换的活儿全自动化了。

怎么用

智能粘贴

在支持的平台编辑器里直接 Ctrl+V(Mac 是 Cmd+V),插件自动识别剪贴板里的 Markdown,转成对应平台能用的格式,然后替你粘进去。

不用改操作习惯,该怎么粘贴还怎么粘贴。 image

一键分发

点插件图标 → 选「一键分发」→ 把 Markdown 贴进去 → 勾上要发的平台 → 点「开始分发」。 image

插件会依次打开每个平台的编辑器,自动转换格式并粘贴进去。右下角有个悬浮按钮显示当前进度。

每个平台你扫一眼内容没问题,点发布就行。

公众号样式配置

公众号对排版要求高,插件内置了 4 种主题:

  • 简约 — 无衬线字体,干净
  • 醒目 — 大标题,强对比
  • 精致 — Georgia 衬线,典雅
  • 聚焦 — Optima 字体,紧凑

字体、字号、行间距、主题色都能自己调。 image 样式直接内联到 HTML 里,粘贴到公众号编辑器就是最终效果。下方是一种效果示例: image

支持的平台

平台适配方式亮点
知乎预处理 MarkdownGitHub Alerts、task lists 自动转换
微信公众号带样式 HTML4 种主题预设、代码高亮
飞书HTML 合成粘贴完整语法支持
X ArticlesHTML + 自动插入代码块/图片自动通过原生对话框插入
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 商店(免费项目,暂时没预算交开发者账号的钱),开发者模式装一下就行:

  1. GitHub 下载项目:https://github.com/zuogl/Markdown-Paste-Helper
  2. Chrome 地址栏输入 chrome://extensions/
  3. 右上角打开「开发者模式」
  4. 点「加载已解压的扩展程序」
  5. browser-extension 文件夹

最后

项目开源,MIT 协议,免费用。

GitHub:https://github.com/zuogl/Markdown-Paste-Helper

多平台发文的朋友可以试试,有问题直接提 Issue。觉得有用的话,Star 一下。