使用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=
前缀
还有一种可能就是你的上传头像的插件或者是其他关于图片的插件引起的,可以适当的排查