挨踢路

原本的文章列表页面，是通过more标签进行手工截断，虽然自由程序更高，但感觉在首页就不是很美观，有时候截得多了，有时候少了。

加之最近在使用其他主题的时候，都采用了自动截断的方式，再加上左侧一个小图（好像已经是标配）。所以就干脆将博客也做一些调整。

就采用主流的显示方式吧，左侧图+右侧自动截断的文字。

操作方式

1、安装一个自动提取图片的插件（懒得去改写代码），这里使用的是Thumbnail插件；

2、改写模板文件，基本上就是post.php,page.php,archive.php这三个页面，使用<?php $this->excerpt(180, '...'); ?>进行截断；

3、显示缩略图的代码是：<?php Thumbnail_Plugin::show($this); ?>，插件里面有写着，无图的时候自动显示默然图片；

4、稍微改写写CSS，这个根据实际情况去写，就不写出来了。

由于图片的是存在又拍云，可以自动生成缩略图，所以我就改写了插件，加了个参数自动生成缩略图（在又拍云设置好生成规则）。

效果预览

改造之后的效果如下图，更清楚的就看博客吧。

存在的BUG

使用Typecho的内置函数excerpt进行截断，如果原来在文章中有插入more标签的话，那么excerpt函数的就是以more为结尾，截断的内容不会超过more的内容。如果原来more位置靠前，那么有可能截断后的文字会比较少。如上一篇文章（从首页去看）

Thumbnail下载

百度网盘密码：ewhs

360网盘密码：a9a6