在为为Movable Type各页面添加页脚的文章更换配图时发现，原来配图显示的方式不太理想，改用缩略图方式也不是很好看，最终决定修改Movable Type生成上传图片缩略图的代码，通过Style sheet自定义显示方式。
要实现这一目的，最简单的做法莫过于在图片前方添上<p style="float: left; margin: 10px; margin-left: 0px;">，但为了更规范和便于以后修改和管理，最终在本站将Movable Type生成上传图片缩略图的代码里，图片链接的前面加入<p class=\"img-thumb\">，后面加入</p>。
以本站的修改方法为例，由于本站安装使用 Better File Uploader 上传插件，因而，在修改时需要修改其在plugins子目录下的BetterFileUploader.pm文件：
160行的新窗口查看图片的代码
my $html = qq(<a href="$url" onclick="window.open('$url','popup','width=$width,height=$height,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">$link</a>);
改为
my $html = qq(<p class="img-thumb"><a href="$url" onclick="window.open('$url','popup','width=$width,height=$height,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">$link</a></p>);
165行嵌入图片的代码
return "<a href=\"$url\"><img alt=\"$fname\" src=\"$thumb\" width=\"$thumb_width\"height=\"$thumb_height\" /></a>";
改为
return "<p class=\"img-thumb\"><a href=\"$url\"><img alt=\"$fname\" src=\"$thumb\" width=\"$thumb_width\"height=\"$thumb_height\" /></a></p>";
至于显示方式的定义，大可按照自己的喜好设置，在本站中，目前在Style sheet文件中插入以下代码，即可实现如本文配图的显示方式。
.img-thumb {
float: left;
margin: 10px;
margin-left: 0px;
}