码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • Joe主题魔改:正文内容实现图片懒加载


    引言

    有个哥们问我Joe主题的正文部分,如何同样图片懒加载,于是便研究了一下。

    探索过程

    因为PHP语言我用的很少,并不擅长,于是我去网上搜了一下。

    方案一:用一个叫Jquery Lazyload的JavaScript脚本,我尝试了一下,并没有什么用。或者说,在Joe主题上没什么效果。也可能是因为,我只是简单的插入页面,并没有操作正确。

    方案二:直接用PHP替换文章内容中的img标签为Joe所支持的懒加载样式。

    这个方法听起来是可行的,但是我在 post.php 和 page.php 没有发现 $this->content;,于是我又去别的地方找了找,没有什么头绪。

    但是,我突然想到一个点(因为手里没有php编辑器,只是干巴巴地看代码),Joe对短代码的实现应该有一个替换操作,毕竟要转化成html嘛。

    于是找到了相关的文件,果然也不出所料。然后就简单了,用一个正则替换搞定了。

    步骤

    1、打开文件 /usr/themes/Joe/core/short.php

    2、在 echo $content; 上加入(翻到文件最底部)

    // 将图片替换成懒加载
    $r1 =  '//iU';
    $r2 = '';
    $content = preg_replace($r1, $r2, $content);
    
    • 1
    • 2
    • 3
    • 4

    3、搞定

    image-20231012180424376

    结语

    欢迎有疑惑在勿埋我心评论区留言。

    来源:https://www.skyqian.com/archives/joe-lazyload.html

  • 相关阅读:
    FPGA:什么是流水线?流水线用在哪?
    基于 SpringBoot + MyBatis 的博客系统
    【毕业设计】 树莓派寝室宿舍门禁刷卡系统 - 物联网 单片机 嵌入式
    [Gstreamer] 环境变量
    揭秘拼多多API接口的魅力与价值:商品查询,获取指定商品的详细信息,如价格、库存等
    zookeeper报错length is greater than jute.maxbuffer=1048575
    Jmeter接口测试学习
    【从互联网商业思维的角度分析商业模式在国内各大互联网产品的运用】
    Vue基础语法【上】
    软件项目验收测试需提供哪些资料?找软件测试外包公司的好处?
  • 原文地址:https://blog.csdn.net/qq_43523315/article/details/133803235
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号