Z-Blog底部分页美化和内页评论同步的修改记录

Jan 09

Z-Blog底部分页美化和内页评论同步的修改记录

关于Z-Bblog的日志页面评论无法同步更新的问题现已得到解决，原来真是因为主题的模板调用代码问题，其实很简单，现在就引用一下zblog官方论坛上的说明Z-Blog在模板中引用INCLUDE目录内文件的说明以作备忘：

在Z-Blog中引用INCLUDE目录内文件共有两种方法

1.直接在模板内嵌入标签，由系统自动替换为文件内容(这种方法只适合动态生成的页的模板如default.html)

你可以在你的模板里放入<#CACHE_INCLUDE_文件名（不要后缀且全大写）#>这样的标签，例如：“<#CACHE_INCLUDE_CATALOG#>”，系统会自动读取INCLUDE目录内的catalog.html并替换标签。

2.采用FUNCTION/c_html_js.asp动态插入文件内容(这种方法适合所有的模板如single.html,catalog.html)

使用c_html_js.asp动态插入也有两种方法

A.一个一个单独插入到模板里来，效率较低。

代码:

<script language="JavaScript" src="<#ZC_BLOG_HOST#>function/c_html_js.asp?include=calendar" type="text/javascript"></script>

例如以上代码就把INCLUDE目录内的calendar.html的内容动态的插入当前页面。

B.使用c_html_js.asp的act=batch指令批量的读入文件。

代码:

在模板头部定义如下JS参数 <script language="JavaScript" type="text/javascript"> var strBatchView=""; var strBatchInculde=""; var strBatchCount=""; </script>

在你想要插入的元素的HTML标签内写入
<ul id=”ulComments”>
<script language=”JavaScript” type=”text/javascript”>strBatchInculde+=”ulComments=comments,”</script>
</ul>

这样会把comments.html的内容放入ID为ulComments的HTML元素内，你只用改”ulComments”和”comments”两个字符串为你想要插入的HTML元素的ID和INCLUDE目录下的文件名（不要后缀）。

在模板的最末端放入
<script language=”JavaScript”>
try{
var elScript = document.createElement(”script”);
elScript.setAttribute(”language”, “JavaScript”);
elScript.setAttribute(”src”, “<#ZC_BLOG_HOST#>function/c_html_js.asp?act=batch”+”&view=” + escape(strBatchView)+”&inculde=” + escape(strBatchInculde)+”&count=” + escape(strBatchCount));
document.getElementsByTagName(”body”)[0].appendChild(elScript);
}
catch(e){};
</script>

看了这个详细的说明我才明白为何同是一样的调用代码而首页可以实时同步，内页就无法同步的原因，知道原因自然也就很快搞定。在这里非常感谢论坛上各位热心的朋友，坦白说这种热情回答以前在pjblog的官方论坛上我还从未享受过，呵呵，看来转用zblog还算是明智之选呀！

细心的朋友应该会发现我的网页底部的分页链接好看多了，老实说，zblog的默认底部分页做得实在太不美观了，就[ ]加上数字，实在太过简单了，一点精细的美感都没有，不满意就得修改，想起以前在月光看到过关于zblog底部分页链接美化的修改，就直接拿到用了，经过修改，效果不错，美观多了，修改也非常简单：

首先修改template下的b_pagebar.html，把里面的两个中括号删除，否则会很难看。接着，在STYLE的当前样式CSS文件中，加入以下几行即可：
    /*美化的分页链接*/
    .pagebar{
     line-height:20px;
     height:20px
    }
    .pagebar a,.pagebar .now-page{
     padding:1px 3px 2px 3px;
     margin:0 2px;
     text-align:center;
     font-weight:bold;
     font-family:Verdana;
     border:1px solid #ccc;
     text-decoration:none
    }
    .pagebar a:hover{
     border:1px solid #c00;
     text-decoration:none
    }
    /*美化的分页链接结束*/
    原文地址：http://www.williamlong.info/archives/1133.html