解决WordPress文章引用的图片不显示问题

在使用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= 前缀

插件链接：