如今不论用什么CMS程序都比较喜欢使用自媒体UI模式的图文列表。比如我们在使用WordPress程序搭建个人博客的时候，我们看到很多的付费或者免费主题都很多相似老蒋部落一样图文列表模式。当然这样的界面确实是比较好看的。老蒋在调试一款客户企业网站的时候，在企业新闻、技术文档列表的时候也需要用到这个版面。
目前企业网站较多还是使用的DedeCMS织梦程序比较多，以前我们不是这样子的，只不过希望换换口味。内容部分我们采用直接截取开始段落或者用摘要的方式，对于缩略图的我们一般是考虑两种方法。
第一、直接获取内容图片
一般我们是获取内容中的图片的，如果有图片就获取第一张图，如果没有图片就自适应不显示图片。这个也是不错的办法。
// 获取内容首图 yuucn.com 整理
<img src="https://www.yuucn.com/[field:id runphp='yes'] $aid = @me; $row = $GLOBALS['dsql']->GetOne("Select body From `peak_addonarticle` where aid='$aid' "); preg_match_all('/<img[^>]*src=[\'"]?([^>\'"\s]*)[\'"]?[^>]*>/i', $row['body'], $match);@me = $match[1][0];[/field:id]" />
这个在合适的位置丢到对应的模板中。
第二、预设随机图片显示
比如我们有些企业客户编辑文章的时候，他们是技术文章没有图，但是也希望有图列表。那可以采用随机缩略图的方式，预设一些缩略图JS调用。
<a href="https://www.yuucn.com/[field:arcurl/]" title="[field:title/]" target="_blank"><script language="JavaScript" src="https://www.yuucn.com/js/autoimg.js"></script></a>
我们制作一个autoimg.js 文件，然后在文件中显示图片。
var m=10;
var n=Math.floor(Math.random()*m+1)
document.write ("<img src='https://www.yuucn.com/images/pic"+n+".jpg' border=0 width=240 height=180 />");
这里我们准备10张图片，图片命名是pic1.jpg...pic10.jpg。这样会随机调用。