当前位置: 首页 > news >正文

解决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= 前缀

插件链接:

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 源/目的检查开启导致虚拟IP背后的LVS无法正常访问
  • GEE数据:Sentinel-2数据更新新增两个云和雪波段(MSK_CLDPRB和MSK_SNWPRB)
  • 从0开始的HarmonyOS NEXT —— 认识基础架构到hello world页面添加(第一章)
  • 「数组」C++STL库vector(动态数组|向量)全部函数介绍
  • 二进制部署k8s集群之master节点和etcd数据库集群(上)
  • Redis#架构师面试题
  • node+mysql+layui+ejs实现左侧导航栏菜单动态显示
  • STM32 | 看门狗IWDG喂狗实战
  • ChatGPT秘籍:如何用AI阅读文献,提升你的学术效率
  • 计算机基础(day1)
  • dpdk发送udp报文
  • Linux常用工具
  • VirtualBox创建共享磁盘
  • 阻塞和非阻塞,同步和异步
  • 下面关于Date类的描述错误的一项是?
  • 0x05 Python数据分析,Anaconda八斩刀
  • codis proxy处理流程
  • flask接收请求并推入栈
  • Javascript弹出层-初探
  • Java基本数据类型之Number
  • JS笔记四:作用域、变量(函数)提升
  • Js基础知识(四) - js运行原理与机制
  • Linux编程学习笔记 | Linux多线程学习[2] - 线程的同步
  • Python_网络编程
  • Redis字符串类型内部编码剖析
  • select2 取值 遍历 设置默认值
  • Spring思维导图,让Spring不再难懂(mvc篇)
  • vue:响应原理
  • Vue源码解析(二)Vue的双向绑定讲解及实现
  • 基于Android乐音识别(2)
  • 两列自适应布局方案整理
  • 模仿 Go Sort 排序接口实现的自定义排序
  • 腾讯视频格式如何转换成mp4 将下载的qlv文件转换成mp4的方法
  • 原生JS动态加载JS、CSS文件及代码脚本
  • 运行时添加log4j2的appender
  • Android开发者必备:推荐一款助力开发的开源APP
  • ​如何使用ArcGIS Pro制作渐变河流效果
  • # 移动硬盘误操作制作为启动盘数据恢复问题
  • ## 1.3.Git命令
  • #在 README.md 中生成项目目录结构
  • #在线报价接单​再坚持一下 明天是真的周六.出现货 实单来谈
  • (6)设计一个TimeMap
  • (day6) 319. 灯泡开关
  • (html5)在移动端input输入搜索项后 输入法下面为什么不想百度那样出现前往? 而我的出现的是换行...
  • (STM32笔记)九、RCC时钟树与时钟 第二部分
  • (动手学习深度学习)第13章 计算机视觉---微调
  • (二)Pytorch快速搭建神经网络模型实现气温预测回归(代码+详细注解)
  • (十三)Flink SQL
  • (算法设计与分析)第一章算法概述-习题
  • (已解决)报错:Could not load the Qt platform plugin “xcb“
  • (转)C语言家族扩展收藏 (转)C语言家族扩展
  • (转)MVC3 类型“System.Web.Mvc.ModelClientValidationRule”同时存在
  • (转载)Google Chrome调试JS
  • **Java有哪些悲观锁的实现_乐观锁、悲观锁、Redis分布式锁和Zookeeper分布式锁的实现以及流程原理...
  • .NET C#版本和.NET版本以及VS版本的对应关系