一宇博客致力创造一个高质量网络资源教程的综合分享平台
广告位 后台主题配置管理

网站首页 Typecho 插件 正文

typecho调用多张缩略图,非插件实现

一宇A1xt 2020-11-28 插件 114 ℃ 0 评论百度已收录

这就是博客文章列表页显示三张缩略图的实现方式,本博客的模板也是将大多数功能都通过function.php中定义来实现,没有去借助插件之类的,那样确实搞起来很麻烦。比如目前这个功能,大概的参考了youdu模板的写法,问题还是有的,因为需要确保发布的文章必须有三张以上的图片附件,否则就会直接报错,更多的控制我也没有继续写下去,但是进一步的扩展肯定是可以的。

代码如下:

/** 输出文章缩略图 */
function showThumbnail($widget,$imgnum){ //获取两个参数,文章的ID和需要显示的图片数量
    // 当文章无图片时的默认缩略图
    $rand = rand(1,20); 
    $random = $widget->widget('Widget_Options')->themeUrl . '/img/rand/' . $rand . '.jpg'; // 随机缩略图路径
    $attach = $widget->attachments(1)->attachment;
    $pattern = '/\<img.*?src\=\"(.*?)\"[^>]*>/i'; 
    $patternMD = '/\!\[.*?\]\((http(s)?:\/\/.*?(jpg|png))/i';
    $patternMDfoot = '/\[.*?\]:\s*(http(s)?:\/\/.*?(jpg|png))/i';
    //如果文章内有插图,则调用插图
    if (preg_match_all($pattern, $widget->content, $thumbUrl)) { 
        echo $thumbUrl[1][$imgnum];
    }
    //没有就调用第一个图片附件
    else if ($attach && $attach->isImage) {
        echo $attach->url; 
    } 
    //如果是内联式markdown格式的图片
    else if (preg_match_all($patternMD, $widget->content, $thumbUrl)) {
        echo $thumbUrl[1][$imgnum];
    }
    //如果是脚注式markdown格式的图片
    else if (preg_match_all($patternMDfoot, $widget->content, $thumbUrl)) {
        echo $thumbUrl[1][$imgnum];
    }
    //如果真的没有图片,就调用一张随机图片
    else{
        echo $random;
    }
}


调用的代码就是以下这样,从0开始算,数字0则调用第一张

<?php showThumbnail($this,0); ?>

我博客里实现的效果如下:

typecho调用多张缩略图,非插件实现 第1张

Tags:typecho调用多张缩略图

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
  • 特大暴雪预报已经出现,南方是否会雪灾?两省或有极端化趋势
  • 男童扔鞭炮炸飞5个井盖,母亲受伤送医
  • 打工人返乡过年破防瞬间:孩子夜幕中打着手电筒狂奔迎接
  • 什么是盲盒交友,日入十万是真的吗?
  • Win11怎样强制开启毛玻璃横向排列
  • H5漂流瓶交友源码 社交漂流瓶H5源码 附安装教程
  • 2021美国奇幻冒险《超能敢死队》HD1080P.中英双字
  • 关于goto在线解密源码问题
  • 全新防黑运营版在线客服系统源码 自助注册客服系统/im即时通讯聊天/多商户机器人
  • 学法减分小程序2021最新可用可运营源码附带安装教程
  • 标签列表
  • hide (50)
  • 微信 (8)
  • 模板 (21)
  • 代码 (36)
  • typecho (131)
  • 样式 (11)
  • 页面 (24)
  • 图片 (25)
  • wordpress (10)
  • 文章 (36)
  • 目录 (12)
  • 后台 (12)
  • 浏览器 (9)
  • 链接 (10)
  • 分类 (12)
  • 归档 (14)
  • pjax (11)
  • 设置 (10)
  • 支持 (9)
  • 缩略图 (9)
  • 特性 (10)
  • 主题 (32)
  • 全站 (7)
  • 评论 (11)
  • typecho插件 (21)
  • 最新留言
    站点信息
    • 文章总数:933
    • 页面总数:11
    • 分类总数:28
    • 标签总数:927
    • 评论总数:182
    • 浏览总数:102473
    请先 登录 再评论,若不是会员请先 注册