本站zblog摘要以及内容实现自动图片tag的方法

本站按照月光博客提供的方法设置并完善了在zblog博客摘要以及正文中自动生成tag图片功能。
实现方法如下:
首先,编辑TEMPLATE/b_article_tag.html文件,修改为如下内容:
<a href="<#ZC_BLOG_HOST#>?tags=<#article/firsttagname#>" rel="tag"><img src="<#ZC_BLOG_HOST#>logo/<#article/tag/intro#>.gif" alt="<#article/tag/name#>" class="thumb" /></a>
红色部分为设置图片,不想用的话可以删去。
修改TEMPLATE/b_article-multi.html文件,将原来的<div class="post-body"><#article/intro#></div>修改为<div class="post-body"><#template:article_tag#><#article/intro#></div>
修改TEMPLATE/b_article-single.html文件,将原来的<div class="post-body"><#article/content#></div>修改为<div class="post-body"><#template:article_tag#><#article/content#></div>
进入Tags管理,给每个Tags增加一个摘要,内容为一个英文单词,例如zblog,用于图片文章名。

然后,在Blog的根下建立一个名为logo的目录。将上面命名的文件名增加.gif后缀,即zblog.gif,复制到这个目录下。
修改STYLE目录下的CSS文件,增加如下内容:
div.post-body img.thumb {
float: right;
margin: 4px 4px 4px 4px;
padding: 0px;
border: 0px;
padding: 0px;
max-width: 500px;
max-height:500px;
overflow:hidden;
clear:both;
}
其中位置和距离文字大小可以通过上面代码设置。以上的CSS代码在IE和FireFox下测试均显示正常。
最后索引并重建所有文件,就可以生成一个正确的列表。
这并不是说每篇文章只可以设置一个标签,1.7版本的可以使用增加了的两个实用标签:
第一个tag 名: <#article/firsttagname#>
第一个tag ID: <#article/firsttagid#>