自从百度搜索开启图文展示起，互联网就进入读图时代了，单单的文字已经不能再吸引网民的眼球，所以大家也得跟着走。其实博客文章摘要显示图文效果也是不错的，特别是缩略图是文章内容相关的插图的话，还是很有效果的。虽然一直不是很喜欢调用缩略图，但是今天有网友问起这个问题，

所以也就想着分享一下Z-Blog PHP版首页调用缩略图的方法。

先说下我的初步思路：

使用一个if判断，如果遇到有图的文章，输出展示缩略图的模板；遇到无图的，输出纯文字模板。

判断语句代码：

{php}

              $pattern="/<[img|IMG].*?src=['|"](.*?(?:[.gif|.jpg|.png]))['|"].*?[/]?>/";//判断文章是否含有图片

              $content = $article->Content;

              preg_match_all($pattern,$content,$matchContent);

{/php}

            {if  isset($matchContent[1][0])}

              {template:post-multi-t-index}//有图模板

              {else}

{template:post-multi-w-index}//无图模版

              {/if}

有图模板代码：

<ul class="clearfix">

  <h1><a  href="{$article.Url} " target="_blank">{$article.Title}</a> <span>{$article.Category.Name}</span> </h1>

  <li>

  <p ><a href="{$article.Url}" title="{$article.Title}"><img src="{$matchContent[1][0];}" style="float:left;" width="120" height="75" /></a>

  {php}

      $temp = preg_replace('/[rns]+/', '', trim(SubStrUTF8(Transferhtml($article->Intro,'[nohtml]'),150)).'...');

    {/php}

    {$temp}

</p>

</li>

</ul>

无图模版代码：

<ul class="clearfix">

 <h1><a  href="{$article.Url} " target="_blank">{$article.Title}</a> <span>{$article.Category.Name}</span> </h1>

  <li>

    <p >

  {php}

      $temp = preg_replace('/[rns]+/', '', trim(SubStrUTF8(Transferhtml($article->Intro,'[nohtml]'),150)).'...');

    {/php}

    {$temp}

</p>

</li>

</ul>

这样是不是比没有文章插图就随机调用更实际些呢？因为随机调用的几个缩略图都是指定一个文件夹内的几个图片文件，很多缩略图根本就是和文章内容没有任何关联。所以采想到上面的解决方法。