====== 主题制作技巧与诀窍 ====== ===== 如何刷新和显示浏览计数 ===== ==== 1.更新浏览计数 ==== 在打开单页日志后产生，每刷新一次，计数加1。 **注意：只有在b_article-single.html有以下及第3步中介绍的代码，浏览计数才有效。** 在b_article-single.html模板中，你认为合适的位置加入以下代码，标签内显示的就是当前文章的浏览次数。

=== Z-Blog 2.0方式：===


<#article/addviewcount#>

==== 2.显示浏览计数 ==== 只适用在列表页，如首页和分类页。动态加载，不随当前页刷新累加。需要修改b_article-multi.html模板，在你认为合适的位置加入以下代码，span标签就是每个文章的浏览次数。

:!: 你也可以用<#article/viewnums#>标签，但它只能在索引重建后更新数值。 === Z-Blog 2.0方式：===


<#article/loadviewcount#>

==== 3.必需辅助代码 ==== :!:**Z-Blog 2.0方式无需添加该代码** 在 TEMPLATE\ default.html,single.html,catalog.html 等页面的头部和尾部（指内）都要有如下代码计数器才能正常工作，默认模板已经包含这些代码。

===== 模板中引用INCLUDE目录内文件 ===== 在Z-Blog中引用INCLUDE目录内文件共有两种方法 ==== 1.直接在模板内嵌入标签 ==== 由系统自动替换为文件内容。注意，这种方法只适合动态生成的页的模板如default.html,catalog.html，而用在静态页模板如singel.html则只能在文件重建后更新。 === A.根目录下的INCLUDE内文件引用 === <#CACHE_INCLUDE_文件名（不要后缀且全大写）#> 这样的标签，例如：“<#CACHE_INCLUDE_CATALOG#>”，系统会自动读取INCLUDE目录内的catalog.asp并替换标签。 === B.主题目录下的INCLUDE内文件引用 === 1.8新特性：主题也可以有自己的INCLUDE目录，如THEMES\default\INCLUDE，使用 <#TEMPLATE_INCLUDE_文件名（不要后缀且全大写）#> 系统会自动引用当前主题下的INCLUDE内相应文件内容。 ==== 2.动态插入文件内容 ==== 采用动态插入文件内容，这种方法适合所有的模板如single.html,catalog.html。 === A.Z-Blog 2.0方式 === 例如以下代码就把INCLUDE目录内的calendar.asp的内容动态的插入当前页面。

**将<#ZC_BLOG_HOST#>替换成你的博客地址，即可在外部引用你博客上的列表内容了。** === B.Z-Blog 1.8方式 ===

这段代码的用意是:把comments.asp(最新评论)的内容放入ID为"ulComments"的HTML元素内。你只要改"ulComments"和"comments"两个字符串为相应的HTML元素的ID和INCLUDE目录下的文件名（不要后缀）即可调用其中内容。

===== 用CSS定义分类RSS订阅图标 ===== 分类小RSS图标是被包围的，可以在CSS定义 span.feed-cion{display:none;}将它隐藏如何更换这个RSS图标呢？参考默认样式中的：


li span.feed-icon a{
        background:url("default/feed.png") no-repeat 0 3px; /**自定义RSS图标**/
        margin:0 0 0 0;
        padding:0 0 0 0;
        font-size:14px;
        height:12px;            /**RSS图标 高**/
        width:12px;             /**RSS图标 宽**/
}
li span.feed-icon img{
        height:12px;
        width:9px;
        visibility:hidden;      /**隐藏默认RSS图标**/
        margin:0;
        padding:0;
}

===== 分页条中的上下分页调用 ===== 上一页: <#template:pagebar_previous#> 下一页: <#template:pagebar_next#> 其文字分别对应语言包中(LANGUAGE\SimpChinese.asp)


Const ZC_MSG156="之后的文章 »"
Const ZC_MSG155="« 更早的文章"

使用例子：把默认主题的列表模板即 THEMES\default\TEMPLATE\default.html catalog.html 中


<#ZC_MSG042#>:<#template:pagebar#>替换成
<#template:pagebar_previous#> <#template:pagebar_next#>

其中“更早的文章”和“之后的文章”分别由span标签的pagebar-previous和pagebar-next类定义，你可以用CSS方式隐藏文字，或用图片代替。 ===== 评论留言的引用按钮写法详解 ===== **:!:Z-Blog 2.0已弃用所有的评论UBB代码，该条目不再适用于2.0**



	 <#article/comment/count#>.<#article/comment/name#>
	<#article/comment/url#>
	<#article/comment/content#>
	<#article/comment/posttime#> <#ZC_MSG265#>

要把其格式改成如下结构，引用评论的按钮要如何写呢？：


评论者
评论内容
网站
时间

* 讲解引用所用的JS函数： - 引用的函数: InsertQuote(参数1[评论者],参数2[评论内容]) - this.parentNode 表示该节点的上一节点 - getElementsByTagName('a')[2].innerHTML 表示获取第二个元素的内容,即<#article/comment/name#> - 同上,getElementsByTagName('li')[2].innerHTML 为<#article/comment/content#>


引用
评论者
评论内容
网站
时间

===== 根据不同留言数显示不同文字 ===== 如还没人留言就显示“Add comments”，只有一条留言显示“1 comment” ，多条留言显示“n comments”；然后在CSS中定义.post-comment就可以了（当然你也可以改成其它）。可用于b_article-multi.html 摘要文章模板，b_article-istop.html 置顶文章模板，b_article-single.html 日志页文章模板这几个模板文件中。 * 1. 英文显示版



<#article/commnums#> comments

* 2. 中文显示版



<#article/commnums#> 条评论了

===== 给评论加入Gravatar头像功能 ===== [[http://www.gravatar.com/|Gravatar]]提供的服务概念上十分简单，就是把个人email地址与头像捆绑(登录 www.gravatar.com申请帐户，上传照片即可完成)，然后当你在支持Gravatar的网站留言并使用你的个人email时，头像就会出现在你的留言旁。以下代码加到b_article_comment.html中，即可让你的Z-Blog支持Gravatar头像服务。

==== Z-Blog 2.0方式==== 直接安装[[http://bbs.rainbowsoft.org/thread-77375-1-1.html|Gravatar插件]]。引用代码为：

===== 让导航突出显示当前页链接条目 ===== 我们的大致思路是这样的，首先用js给导航部分中当前链接项加个区分的ID,如

首页

，然后再用CSS定义就完成了。 * setp1 :加入js(jQuery代码)，如下

* setp2 :定义CSS样式


#menu ul li#current {
 background-color:#fff;
 color:#0B1316;
}

;-) haphic将这一代码[[http://www.esloy.com/blog/archives/2008/12/Google-Friend-Connect-Addon-and-sth-else.html|做了完善]]，此代码只支持 Z-Blog 模板.

将上面的 JS 放到导航栏后面即可. 样式表中相应样式改为:


#menu ul li a.current {
 background-color:#fff;
 color:#0B1316;
}