Digg 360

升级Z-blog 1.7及主题模板微调手记

2007年6月7日 23:30:54 by sunofbeach

原来的空间不能用了，买了一个海量科技的空间，刚好趁这个机会将Z-blog升级到1.7，然后在Z-blog官方论坛逛了一下，选定了现在这个名为unnamedone的三栏皮，根据自己的需求微调了一下。CSS+ASP双料文盲苦啊，还好之前有一些Z-blog修改经验，这次顺手多了。下面整理一下过程中的一些心得。注：以下大多数修改方法来源于Z-blog官方论坛。

1.开始尝试将原来的Z-blog 1.6直接升级到1.7，出错；全新安装1.7也有问题。原来是Z-blog所在文件夹的NTFS权限问题。需要为IUSER_XXX用户或者Guest用户分配写入权限。

2.终于明白怎么在侧栏调用INCLUDE文件夹内的模块了，方法就是在模板中加入<#CACHE_INCLUDE_模块文件名#>，注意这个文件名一定要大写，比如我在INCLUDE文件夹里建立一个abc.asp，然后在各个模板中调用<#CACHE_INCLUDE_ABC#>，这样能实现模块化修改方便多了。1.6的时候就想这么做，当时就是不知道要大写所以没成功。不过不支持嵌套调用，也就是说无法在abc.asp里再调用<#CACHE_INCLUDE_模块文件名#>。

3.以前发现直接在模板文件中加入中文显示出来是乱码，只好在LANGUAGE\SimpChinese.asp中定义变量再在模板中引用变量来显示中文，麻烦死了。原来是因为保存模板时没有存为UTF-8格式，Windows记事本默认是保存ANSI的。模板页面已经定义为charset=utf-8了，编码不符合当然乱码了。

4.修改TEMPLATE\b_article-multi.html，这里控制的是首页摘要部分。

添加文章发布时间，原来只有日期：
<h3 class="date-header"><#article/posttime/longdate#>  by <#article/author/name#></h3>
的"by"之前加入
<#article/posttime/longtime#>

把主题默认的add comments和已发表几条comments改为中文，另外在旁边加入一个“阅读全文”的链接：
<a id="p_comments<#article/id#>" href="<#article/url#>#comment"><span class="metacmt"><#article/commnums#> comments</span></a><script type="text/javascript">if(<#article/commnums#>==0){document.getElementById("p_comments<#article/id#>").innerHTML="Add comments"};if(<#article/commnums#>==1){document.getElementById("p_comments<#article/id#>").innerHTML="1 comment"}</script>
改为
<a id="p_comments<#article/id#>" href="<#article/url#>#comment"><span class="metacmt"><#article/commnums#> 条评论</span></a><script type="text/javascript">if(<#article/commnums#>==0){document.getElementById("p_comments<#article/id#>").innerHTML="[发表评论]"};if(<#article/commnums#>==1){document.getElementById("p_comments<#article/id#>").innerHTML="1 条评论"}</script> <a href="<#article/url#>">[阅读全文]</a>

5.修改b_article-single.html，这个文件控制文章单页的主题部分。加了网摘代码（PLUGIN\wz\wz.js去除不想要的网摘代码），以及月光博客文章排行插件（到PLUGIN\randomsort\blog.htm调整一下表格宽度）。

6.修改default.html，这个是首页模板。

把默认的“更早的文章”改为传统的分页形式：
<div class="navigation">     <div class="floatleft"> <#template:pagebar_next#>     </div>     <div class="floatright"> <#template:pagebar_previous#>     </div>
改为
<div class="navigation"><#ZC_MSG042#>:<#template:pagebar#></div>

调整侧栏各模块，格式都是：
<li> <h2>模块显示名称</h2> <ul> <#CACHE_INCLUDE_模块名大写#> </ul> </li>
添加、删除、调整位置随你搞啦。b_article-single.html、catalog.html、search.html、tags.html里的侧栏模块也一样修改。

7.Tag相关两个修改。

多彩Tag，找到根目录tag.asp找到对应位置替换为下列代码：
Dim Tag Dim strTagCloud Dim RndTmp For Each Tag in Tags         If IsObject(Tag) Then          Randomize          RndTmp=Int(Rnd*999)          strTagCloud=strTagCloud & "<a style=' color:#"&RndTmp&";font-size:"& 12 + (Tag.Count/2) &"px; margin:10px;' title='" & Tag.Count & "' alt='"&  Tag.Count  &"' href='" & Tag.Url &"'>" & Tag.name & "</a>"         End If Next
另外还有一种插件的实现方式，我还没试。

侧栏Tag模块实现只输出最热门的xx个：
根目录c_option 添加一参数：
'侧边栏tags显示数目
Const ZC_TAG_WORD_MAX=30

FUNCTION/c_system_event.asp中BlogReBuild_Tags()函数换成以下：
Function BlogReBuild_Tags()         Dim objRS         Dim objStream         Dim strTag                 Dim i         Set objRS=objConn.Execute("SELECT * FROM [blog_Tag] ORDER BY [tag_Count] DESC,[tag_Order] DESC,[tag_ID] ASC")         If (Not objRS.bof) And (Not objRS.eof) Then                    For i=1 to ZC_TAG_WORD_MAX                                 strTag=strTag & "<span style='font-family:verdana,sans-serif;line-height:150%;font-size:"& 12 + (Tags(objRS("tag_ID")).Count/2) &"px;margin:10px;'><a title='" & Tags(objRS("tag_ID")).Count & "' alt='"&  Tags(objRS("tag_ID")).Count  &"' href='" & Tags(objRS("tag_ID")).Url &"'>" & Tags(objRS("tag_ID")).Name  & "</a></span>"                                objRS.MoveNext                         If objRS.eof Then Exit For                 Next         End If         objRS.Close         Set objRS=Nothing         strTag=TransferHTML(strTag,"[no-asp]")         Call SaveToFile(BlogPath & "/include/tags.asp",strTag,"utf-8",True)         BlogReBuild_Tags=True End Function
索引重建即可。

8.后台文章管理中文章标题自动截断不爽？function/c_system_manage.asp第125行(左右)：Left(objRS("log_Title"),14)，将14改成更大就行了，比如50一般标题都可以显示全了。

9.更换侧栏网站目录的rss图标，function/c_system_event.asp，<img title=""rss"" width=""16"" height=""16"" src="""&ZC_BLOG_HOST&"IMAGE/LOGO/rss-sg.png"" border=""0"" alt=""rss"" />
图片地址、显示尺寸都能改啦。

10.加了一个雅虎的反向链接数图标，代码在这里。

Tags: Z-blog  主题  模板  修改  

收藏到网摘: