看
月光博客等一些Blog中都有＂相关文章＂列表, 感觉比Z-Blog目前这样只在文章底部显示Tags要好很多. 因为大家看到标签并不知道你这个标签下写过多少文章, 也不知道是否值得一看, 所以很少有人会特意点Tags中的链接去看一下的(除非有人对某个标签类型中的文章特别感兴趣), 但如果下面直接列出的是相关的文章, 那就两说了, 读者可能随意一瞟, 看到其中一篇的标题比较感兴趣, 当然会点开看一下具体内容了.
一直想给Z-Blog加这么个功能, 但总没有时间, 今天下午正好没有工作, 就打开Z-Blog的源码, 一行一行地跟踪, 想在适当的位置加了这一功能.
当跟踪到Function文件夹下的c_system_lib.asp中Export_Mutuality这个函数时发现这个函数就是显示相关文章列表的, 原来Z-Blog本来就有这一功能, 只是默认模板中没用, 所以多数人都不知道而已 -_-!!!
既然原本就有, 那就简单了, 只要打开b_article-single.html, 在适当的位置(想显示相关文章的位置)添加如下代码并重建全部文章一遍就好了
复制内容到剪贴板
代码:
<ul id="mutuality">
相关文章 [查看与 <#template:article_tag#>相关的全部文章]
<#template:article_mutuality#>
</ul>当然, 以上只是显示相关列表, 具体显示的样式则可以通过修改TEMPLATE\b_article_mutuality.html这个模板文件及相应的CSS来实现了. 我现在用的是阿查的风格, 修改的模板及CSS如下:
b_article_mutuality.html:
复制内容到剪贴板
代码:
<li><a href="<#article/mutuality/url#>" title="<#article/mutuality/name#> <#article/mutuality/posttime#>"><#article/mutuality/name#></a></li>CSS中加入如下定义:
复制内容到剪贴板
代码:
#mutuality {/*日志内容页相关文章列表*/
text-align:left;
border:1px #B0BDC6 solid;
padding:10px;
font-weight: bold;
line-height: 22px;
margin-top: 0 0 10px 0;
overflow: auto;
_height: 1%;
background-image: url(azha/relation.gif);
background-repeat: no-repeat;
background-position: 10px 12px;
}
#mutuality li {
font-weight: normal;
float: left;
width: 255px;
white-space: nowrap;
text-overflow:ellipsis;
overflow: hidden;
line-height: 18px;
background-image: url(azha/pointtext.gif);
background-repeat: no-repeat;
padding-left: 14px;
}如果风格或放的位置跟我不同的话, 主要修改一下CSS定义就可以的.
原文:
http://blog.wyshen.com/post/165.shtml
效果:
http://blog.wyshen.com/post/135.shtml
[
本帖最后由 软件兔 于 2007-4-25 19:31 编辑 ]
