教程
之前在需求那里向老唐建议了,也不知道后续做不做,我就暂时研究了一下,因为我不是PHP开发的,目前只是暂时找到代码,具体如何修改看哪位大佬研究一下。
子比缩略图的先后顺序有点怪:
具体代码是在zibll/inc/functions/zib-theme.php
1252-1270代码处
如有不同搜索//输出链接
即可找到
如果主题开启懒加载,首页返回的缩略图链接就是第一个,反正是第二个
其实这个方法只适合那种用了OSS,还开启图片裁剪的人,我是不习惯一张图片裁剪成多张去适应缩略图大小。
将你的图片规则添加在src="%s"
中%s
后面
我使用的是多吉OSS,图片规则是/sakura
那我就修改为src="%s/sakura"
效果
灯塔测试
基本上是90分以上,因为首页的缩略图缩小了很多。
我比较喜欢二次元,所以基本上塞了很多图片当封面,没改之前图片加载是3秒,现在直接减少一半,后续自己再优化一下规则直接起飞。
目前遇到的问题
如果是中途使用OSS的,之前文章的图片连接还是本地的,没单独设置使用OSS的图片作为特色图像,你的缩略图会报错。
如果能在这里判定URL的域名是不是OSS的就好了,不会写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"';
}
if (zib_is_lazy('lazy_posts_thumb')) {
if(strpos($img_url,'file') !== false){//'file'指的是你OSS的域名前缀,我的OSS域名是file.xxxx.com,这个根据自己修改
return sprintf('<img' . $r_attr . ' src="%s/sakura" data-src="%s" alt="%s" class="lazyload ' . $class . '">', $lazy_thumb, $img_url, $alt);
}else{
return sprintf('<img' . $r_attr . ' src="%s" data-src="%s" alt="%s" class="lazyload ' . $class . '">', $lazy_thumb, $img_url, $alt);
}
} else {
if(strpos($img_url,'file') !== false){//'file'指的是你OSS的域名前缀,我的OSS域名是file.xxxx.com,这个根据自己修改
return sprintf('<img' . $r_attr . ' src="%s/sakura" alt="%s" class="' . $class . '">', $img_url, $alt);
}else{
return sprintf('<img' . $r_attr . ' src="%s" alt="%s" class="' . $class . '">', $img_url, $alt);
}
}
}
如果更好的代码,还请大佬评论区发表!