在使用WordPress发布文章时,有时会遇到复制发布的文档中包含的外链图片无法正常显示的问题。然而,当我们将图片路径复制到浏览器中单独打开时,图片却可以正常显示。以下是解决这一问题的方法。
问题描述
当你在WordPress文章中引用外链图片时,图片无法正常显示
解决方法
在链接图片时,图片路径前面添加//images.weserv.nl/?url=
即可。比如:
原路径:
<img src="https://i-blog.csdnimg.cn/direct/a2183c556b2147bd9436d659c912457f.png"alt="image">
修改后路径:
<img src="//images.weserv.nl/?url=https://i-blog.csdnimg.cn/direct/a2183c556b2147bd9436d659c912457f.png" alt="image">
解决原理
wsrv.nl
是一个外网缓存服务,主要功能是图像缓存和调整大小服务,使用全球缓存动态操作图像。通过将图片路径前面添加//images.weserv.nl/?url=
, 我们利用了该服务来缓存和显示外链图片,从而解决了图片无法显示的问题。
基于这个原理我们可以创建一个WordPress插件,当文章发布或更新时,自动为文章中引入的外链图片添加 //images.weserv.nl/?url=
前缀