随便说说SBTalk

使用桑林志的中文工具箱或者Yskin CJK-excerpt生成主题摘要的blogger往往会发现,博客首页一大堆的主题摘要,文字前后相连连个图片也没有,未免太单调了吧?一张图片有时胜过千言万语,而且钩人眼球.比如我有篇讲西游记的秘密的帖子,如果有张西游记的配图(事实上文中是有插图的),在一堆摘要中一眼就能看见.

一般摘要插件都会把除了文字之外的html tag清除. 那没关系,如果能有方法把含插图的全文(full text)中抽一张图片来,并以缩略图方式显示,我们可以编辑index模板,把缩略图放在摘要左上角就行了.

网上逛了一圈,终于发现了我要的插件:[name]Post-Image, http://guff.szub.net/2006/02/09/post-image//name

[name]Post-Image, http://guff.szub.net/2006/02/09/post-image//name��够扫描你的每个主题,如果发现主题内含有图片,他会抓取第一章图片,并生成一个<img>的html tag. 他还支持多种选项,比如以原图显示还是以缩略图方式显示,如果没图片的文章,是否有一张缺省图片,并支持自定义的img css class. 我要的特性他全部有了.

于是下载插件,安装,激活.按照插件的要求修改模板的Main Index Template, 在<?php the_excerpt(); ?>前插一句<?php post_image(”, true); ?> , 表明没有缺省图片,并且以缩略图方式显示,img的css class名字使用缺省的名字.post-image. 再打开模板的样式表(style sheet) 添加如下样式:

img.post-image {
margin-right: 10px;
float:left;
}

这样一来,post-image输出的图片就会出现在摘要的左上角,并且与右侧摘要文字隔开一点距离.

如果有需要美化自己首页摘要的,赶快试试吧

—阅读本主题的博客原贴