QQ 爹の博客 QQ 爹の博客

Typecho 缩略图实现方法,同时支持附件图片及网络 /CDN 图片

in Typecho 文章转载请注明来源!

网上流传着很多 Typecho 缩略图实现的方法,但是都不怎么样。

网上流传版本 1 缺陷: 只能识别 HTML 模式下插入的图片,对于 Markdown 无效。

网上流传版本 2 缺陷: 只能识别文章附件里面插入的图片,对于网络图片无效,使用七牛等图片 CDN 是块硬伤。 然后我就自己研制出另外一种新的办法,能同时识别文章附件图片和网络图片。

废话就不多说了,毕竟你也急了 (^_^)

1. 到主题 functions.php 文件插入以下代码:

/** 输出文章缩略图 */ 
function showThumbnail($widget)
{ 
    // 当文章无图片时的默认缩略图
    $rand = rand(1,5); // 随机 1-5 张缩略图
    $random = $widget->widget('Widget_Options')->themeUrl . '/img/sj/' . $rand . '.jpg'; // 随机缩略图路径
   // $random = $widget->widget('Widget_Options')->themeUrl . '/img/mr.jpg'; // 若只想要一张默认缩略图请删除本行开头的"//"

    $attach = $widget->attachments(1)->attachment;
    $pattern = '/\<img.*?src\=\"(.*?)\"[^>]*>/i'; 
    

if (preg_match_all($pattern, $widget->content, $thumbUrl)) {
         echo $thumbUrl[1][0];
    } else     if ($attach->isImage) {
      echo $attach->url; 
    } else {
        echo $random;
    }
}

2. 添加随机图片作为在文章无图时显示的默认缩略图:在主题 img 文件夹下新建 random 文件夹,依次放入 1.jpg,2.jpg...~5.jpg,如果要更改随机图片的数量,或只想要一张默认的缩略图,请先按照注释修改好代码,然后在主题 img 文件夹放入 random.jpg 文件。图片可以自行到网上搜索下载。

3. 在主题文件夹下的 index.php 中对应位置加入

<?php showThumbnail($this); ?>

4. 然后就没有然后了。回到博客首页,缩略图是不是出来了呢?

jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

扫描二维码,在手机上阅读!

本文基于《署名 - 非商业性使用 - 相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
文章链接:https://qqdie.com/archives/typecho-thumbnail-implementation-method-while-supporting-the-attachment-pictures-and-network--cdn-pictures.html (转载时请注明本文出处及文章链接)

typecho缩略图 代码
发表新评论
仅有 1 条评论
  1. 惠阳凯凯
    惠阳凯凯Windows 10谷歌浏览器
    回复

    嘻嘻 谢谢 可以用的

PREVIOUS NEXT
雷姆
拉姆