介绍下最近刚刚完成的简单的微信公众号编辑助手插件,可用于抓取博客,生成 Markdown,经过渲染后,可以注入一键注入到公众号编辑器:帮你省去 C+V 步骤,也无需从其他网页保存图片然后再手动上传。

当然,也可以当作代码高亮的工具来使用。如果您只需要高亮功能,建议访问 https://angusfu.github.io/wx-editor/。

截图

• 专为微信图文推送定制,Markdown 编辑省心省力
• 代码高亮保证好用,七种 Prims 代码主题任你选
• 踩过的坑足够多,成功避开微信过滤机制造成视觉效果偏离预期
• 无需 CV 大法,一键帮你写入微信
• 无需繁杂的保存图片、上传流程,替你完成全部上传工作
• 直接抓取众成翻译的 Markdown,快速便捷
• 使用 Mercury Web Parser 抓取任意博客文章页
• 内置奇舞周刊编辑工具

1. 下载 zip 压缩包到 PC 本地,并解压
2. 在 Chrome 中打开扩展程序设置页 chrome://extensions/
3. 右上角勾选开发者模式
4. 点击加载已解压的扩展程序按钮,选择刚刚解压得到的文件夹
5. 完成,记得启用扩展程序哟~
6. 需要使用本插件的时候,请点击对应的图标:

• New:点击后会弹出输入框,可以输入新的文章地址
• Code Style: 用于更换代码高亮主题
• Weekly:奇舞周刊编辑工具
• Copy:编辑完成后,将带有样式的代码复制到剪切板
• Inject:编辑完成后,点击Inject即可

截图

1. 所有图片尽量不超过 2 M
2. 仅支持 jpg, gif, png 等格式
3. 不支持 webp, svg 等其他格式
4. 发生问题的图片,在插入微信编辑器中时,会以默认图替代
5. 编辑完成后,请务必到微信中预览...
6. 编辑时请随时做好整理代码格式的准备(虽然程序真的已经帮你做了一部分)
7. 如果只需要代码高亮功能,请访问 https://angusfu.github.io/wx-editor/

微信图文效果

• 外站相对路径解析(主要是解决图片的问题): 暂不解决
• 编辑器暂不支持行内 HTML 标签高亮(需要进一步学习 CodeMirror)
• 微信公众号后台页面匹配需要更加精准
• 应该能够允许自定义样式
• 缓存问题,需要考虑容量 & 过期的问题