子比优化 缩略图使用自定义的OSS图片处理规则

子比优化 缩略图使用自定义的OSS图片处理规则

加速效果【灯塔】

以下皆是登录状态下非静态缓存的效果,绝对可以说是值得一试!

移动端

d2b5ca33bd222722

PC端

d2b5ca33bd222832

适合什么人群

  1. 为了节省空间禁用图片裁剪只保留原图的人
  2. 使用OSS的人
  3. 首页文章列表喜欢开缩略图的人

说的就是我,喜欢二次元看见喜欢的就往网站里塞。

至于老是有人说OSS加CDN,你不怕被刷吗?没事别在有卖服务器,高防CDN的QQ群发自己的域名就基本上没事,再者就是设置一下IQS和流量报警就好了。

教程

该教程只限于子比,其他主题自己研究吧,找这串代码花了我好几天呢,不了解主题结构,找起来是真麻烦。

路径

/wp-content/themes/zibll/inc/functions文件夹下的zib-theme.php

代码

搜索输出链接即可找到

if ($show_url) {
    return $img_url;
    }
    
    $lazy_thumb = zib_get_lazy_thumb();
    $r_attr     = '';
    $alt        = $post->post_title . zib_get_delimiter_blog_name();
    
    if (!$img_url) {
        $img_url = zib_get_spare_thumb();
        $r_attr  = ' data-thumb="default"';
    } else {
        // 替换域名并添加样式
        $parsed_url = parse_url($img_url);
        if ($parsed_url['host'] === 'www.77il.cn') {
            $img_url = str_replace('www.77il.cn', 'bf.77il.cn', $img_url) . '!style:sakura';
        }
    }
    
    if (zib_is_lazy('lazy_posts_thumb')) {
        return sprintf('<img' . $r_attr . ' src="%s" data-src="%s" alt="%s" class="lazyload ' . $class . '">', $lazy_thumb, $img_url, $alt);
    } else {
        return sprintf('<img' . $r_attr . ' src="%s" alt="%s" class="' . $class . '">', $img_url, $alt);
    }

 

d2b5ca33bd225112

d2b5ca33bd225151

没玩过也玩不明白。

使用建议

理论上支持所有OSS,且不如市面上的OSS插件规则冲突,该代码只作用于缩略图,不影响文章图片。

© 版权声明
THE END
喜欢就支持一下吧
点赞7 分享
评论 共2条

请登录后发表评论

    请登录后查看评论内容