RL RanceLee的博客
← 返回主页
● 存档教程

悲报!Web Clipper 剪藏微信图片失败,原因及替代方法解析

上周五突然有用户来问我:为什么我之前介绍的 Obsidian Web Clipper 插件,剪藏公众号文章时图片失败了?

我自己自从用了 Hermes 之后就没有再用这个插件了,于是去试了试,果然失败了。

具体问题是:解析出来的图片无法查看,点开链接会发现里面并不是正常图片,而是一个 1x1 的透明占位图。

我问了一下 AI,现在的问题是:

微信公众号文章里的图片不是普通的静态图片,而是懒加载图片。真实图片地址一般藏在页面里的 data-src 字段里,浏览器滚动到对应位置之后,微信自己的脚本才会把它加载出来。

但 Obsidian Web Clipper 在剪藏时,很容易抓到图片标签里的 src,而不是 data-src。而微信公众号的 src 里面经常不是原图,而是一个 1x1 的透明占位图,长这样:data:image/svg+xml,...width='1px' height='1px'...

所以最后保存到 Obsidian 里的 Markdown 看起来有图片,实际上保存的是透明占位图。

结果就是:文章文字都正常,前面一两张图可能也正常,但后面很多图会变成空白,或者直接加载失败。

根本原因是 Web Clipper 没有针对微信公众号的懒加载机制做特殊处理,没有自动把 data-src 里的真实图片链接替换进去。

所以这个问题暂时没有特别优雅的办法,只能等 Web Clipper 后续适配,或者先用下面几种替代方案绕过去。

暂时有三个解决办法。

方法一:手动复制

这是最简单的办法:在浏览器中打开微信文章,然后直接复制到 Obsidian 里面。

能用是能用,就是有点废手……

方法二:用 Everything to Notion 插件

很多朋友都是在手机上看公众号文章。

这时候就可以使用 Everything to Notion 插件。

Everything to Notion 插件是我的一个朋友做的,能将你的微信公众号、小红书、豆瓣、微信读书等多个内容剪藏到 Notion 里面。包括浏览器插件、小程序、微信直接转发等多种途径剪藏,也包括 B 站视频转文字、AI 总结等功能。

我还是这个插件的 004 号终生用户,并且插件里面的“雪球记账”也是我做的——虽然并没有人用这个功能哈哈。

插件还支持直接微信转发,特别方便,有多种使用方式。

只不过这个方法要转一道,你需要注册一个免费的 Notion 账户,然后先剪藏到 Notion,之后再去那里复制,或者导出为 Markdown 文件。

不过对于 Notion 用户来说,这个方法十分方便,也很好用。

如果你有这个需求,请记得用我的邀请码,我可以让我朋友给我返现嘿嘿!

https://wxaurl.cn/J0iGqoBxbKo

使用方法是复制这个网址,然后在微信里搜索它。

然后访问它,打开小程序即可。

请一定要用我的链接进去哈,我还能找蓝精灵(开发者)要佣金呢,求求了!

方法三:用 Hermes 或 WorkBuddy 做剪藏 Skill

也可以直接用 Hermes 或者 WorkBuddy 做一个剪藏 Skill。

我现在视频、文章剪藏基本都是让它做的,发个网址过去就行了。像微信公众号这种懒加载图片,只要在 Skill 里专门处理 data-src,就可以把真实图片地址按原文位置写进 Markdown 里。

尤其是我上一篇文章介绍了 WorkBuddy,特别适合纯新手。腾讯出品,目前我个人体验下来,个人使用门槛很低,基本是免费使用。

以上就是今天的分享。

如果你最近也被 Web Clipper 剪藏微信图片失败的问题折磨,可以先用上面几个办法绕过去。

有需要的话,也记得用我的链接哈,谢谢!