最近在折腾VuePress博客,发现最头疼的就是把公众号文章导入到项目中。试过几个转换工具,要么格式乱七八糟,要么图片需要手动下载。直到发现了这款“微信文章转vuepress-md文档”Chrome插件,简直拯救了我!
它解决了什么痛点?
公众号文章复制到Markdown编辑器后,通常排版全乱,图片链接还是微信原站地址。如果用来做VuePress文档,还需要手动添加Frontmatter头部(标题、日期、标签等),而且图片必须下载到本地并修改路径。这个插件把这一切自动化了:自动生成Frontmatter,支持定制title、date、tags等字段;一键下载整个文档,同时将文章内所有图片保存到本地images文件夹,并在Markdown中写入相对路径;此外还支持直接复制Markdown内容到剪贴板。
与其他插件的对比
之前用过WechatFormat和MarkdownHere,虽然能转成Markdown,但输出结果没有Frontmatter,图片还是远程链接。如果用在VuePress里,还得手动跑脚本处理图片下载和路径替换。而这个插件是专门为VuePress优化过的,甚至可以选择输出格式适配其他静态博客(比如Hexo、Hugo),但默认已经是VuePress标准。不过目前只支持微信公众号文章,其他平台(如知乎、CSDN)的转换还在开发中。
使用体验
安装后,打开任何一篇微信公众号文章,点击插件图标,会弹出一个小弹窗。你可以在弹窗里设置Frontmatter的默认作者和标签,然后点击“复制”或“下载”。下载后的文件夹结构非常清晰:一个.md文件和images子目录。我直接把这个文件夹拖到VuePress的docs目录下,稍作调整就能发布。唯一的小缺点:如果文章中有视频或复杂表格,转换后可能格式丢失,需要手动微调——但相比原来省了80%的工作量,谁还在乎呢?
如果你也在用VuePress写技术博客或笔记,强烈推荐尝试这款微信文章转vuepress-md文档插件。目前它在Chrome应用商店是免费的,开发者还在持续更新,值得给个五星好评。