Z-Blog常用功能定制修改

本文将介绍一些Z-Blog常用功能的修改方法。

Z-BLOG全站静态化方案

使用Z-Blog ASP 2.3版本，可以很方便的实现全站静态化，包括目录和标签tag都静态化输出，这里就给出一个详细的实现方法。

首先服务器必须是Windows Server 2008以上版本，安装IIS 7.5，启用URL重写模块。

之后安装Z-Blog 2.3，下载安装YT.Build插件。

YT.Build系统配置里选择“开启”。

在Z-Blog“静态管理中心”里，设置全局静态化选项为“1.文章静态 ”。

静态化配置参数如下：

文章的URL配置

{%host%}/{%post%}/{%id%}.html

页面的URL配置

{%host%}/{%alias%}.html

首页分页的URL配置

{%host%}/page/index.html

分类页的URL配置

{%host%}/cat/{%alias%}.html

作者页的URL配置

{%host%}/author/{%id%}.html

TAGS页的URL配置

{%host%}/tag/{%alias%}.html

日期页的URL配置

{%host%}/date/{%date%}.html

点击“保存”后，系统会生成一个ReWrite文件，覆盖到根目录下的web.config文件。

作者页和日期页由于会生成大量重复文件，并且似乎的确也没什么用，因此可以在模板里将和其相关的代码都删除，我们只用分类页、标签页和首页分页即可。

静态化使用“ 1.文章静态”，因为文章页访问量较大，目录页和TAG页使用伪静态，如果进行主机迁移，则用YT.Build生成目录页和TAG页的html文件，然后就可以将全部html文件部署到另一台主机上。如果遇到突发大流量，可以用YT.Build生成目录页和TAG页的html文件，然后将web.config里的重写删除即可。

在静态化tag的时候，使用{%alias%}标签，系统依旧按照name来构建url，查看了一下，可能是Z-Blog代码的问题，于是做了如下修改。

修改c_system_lib.asp文件

将 Url =
ParseCustomDirectoryForUrl(Tags(i).FullRegex,ZC_STATIC_DIRECTORY,"","","","","",Tags(i).ID,Tags(i).Name,Tags(i).EncodeName)

修改为 Url =
ParseCustomDirectoryForUrl(Tags(i).FullRegex,ZC_STATIC_DIRECTORY,"","","","","",Tags(i).ID,Tags(i).Name,Tags(i).EncodeIntro)

此外，YTBuild的Tag也存在一样的问题，同样也是代码的问题。

修改YTBuild插件的YT.Lib.asp

将 UrlRules=
ParseCustomDirectoryForPath(UrlRules,ZC_STATIC_DIRECTORY,"","","","","",jTag.ID,jTag.Name,jTag.Name)

修改为 UrlRules=
ParseCustomDirectoryForPath(UrlRules,ZC_STATIC_DIRECTORY,"","","","","",jTag.ID,jTag.Name,jTag.Intro)

之后在tag里使用{%alias%}标签，即可正常生成url。

Z-BLOG相关文章图文列表

之前很多平台都提供这样的插件，在文章的结尾出现一个相关文章列表，相关文章列表页都带有 1-10 张不等的缩略图，而我们独立博客却少有这样的插件，通常只有纯文字方式的相关文章列表，本文就介绍一下Z-Blog如何实现带图片的相关文章列表功能。

先安装一个名为FirstIMG的插件，之后，修改
zb_system/function/c_system_lib.asp文件的Export_Mutuality函数，开头增加一行 Dim ArticleFirstIMG

在 strCC_Title=objArticle.Title 一行的后面，增加如下代码：

ArticleFirstIMG=FirstImg_GetImgSrc(objArticle.Content)

If ArticleFirstIMG <> "" Then

ArticleFirstIMG="<img class=""firstimg"" src=""" & ArticleFirstIMG & """/>"

Else

ArticleFirstIMG="<img class=""firstimg"" src=""<#ZC_BLOG_HOST#>zb_users/PLUGIN/FirstIMG/NoImages.jpg""/>"

End If

之后在 strCC=Replace(strCC,"<#article/mutuality/name#>",strCC_Title) 后面增加一行

strCC=Replace(strCC,"<#article/mutuality/firstimg#>",ArticleFirstIMG)

之后修改模板的style.css文件，在文件结尾增加如下css

/* Related Posts */

ul.related-posts {

clear:both;

padding:0;

margin:10px 0px 0px 0px;

}

ul.related-posts li{

display:inline-block;

margin-left:5px;

padding:0;

text-align:center;

vertical-align:top;

width:195px;

}

ul.related-posts img{

background:#F7F7F7;

clear:both;

height: auto;

width:186px;

-moz-box-shadow:2px 2px 3px 1px #999;

-webkit-box-shadow: 2px 2px 3px 1px #999;

box-shadow:2px 2px 3px 1px #999;

}

ul.related-posts img:hover {

filter: alpha(opacity=50);

opacity: 0.5;

}

ul.related-posts a{

border:none;

clear:both;

display:block;

text-decoration:none;

}

ul.related-posts li{

font-size:12px;

overflow: hidden;

text-overflow: clip;

white-space: nowrap;

}

然后修改b_article_mutuality.html模板，模板内容为

<li><a href="<#article/mutuality/url#>"><#article/mutuality/firstimg#></a><a href="<#article/mutuality/url#>"><#article/mutuality/name#></a></li>

修改b_article-single.html模板，在适当的位置增加相关文章代码

<h4 id="mutualitybox"><#ZC_MSG231#></h4>

<ul class="related-posts">

<#template:article_mutuality#>

</ul>

然后重建文章即可，最终相关文章的展示样式参见下图所示。

更换CKEDITOR编辑器

Zblog默认用的编辑器是百度的UEditor编辑器，这个编辑器我用不惯，也感觉不太好用，于是想要更换编辑器为以前一直用的CKEditor编辑器。

后台安装了一个“CKEditor编辑器”插件，发现了新问题，这个插件用的CKEditor比较老，有一些BUG，最令人不能接受的问题是，在编辑器里粘贴全角空格，会被自动过滤掉，这个实在不行啊，于是寻找解决方案。

去CKEditor编辑器的官网看了一下，发现官网上的CKEditor 4并没有这个问题，于是在其下载页面下载了CKEditor v4.11.2的Full Package版本，下载回来之后，替换原有目录（
zb_users/plugin/ckeditor/ckeditor）下的文件，运行基本正常，粘贴全角空格丢失问题没有了。

替换后只有一个小问题，就是新建文章时，点击[手动生成摘要]会出错，解决方法是：编辑
zb_system/admin/edit_article.asp文件，将文件中的：

<div id="divIntro" style="display:<%If EditArticle.Intro="" Then Response.Write "none" Else Response.Write "block"%>;">

一行替换为

<div id="divIntro">

即可解决问题。

经过上述操作，即可在Zblog完美的使用无BUG的CKEditor编辑器。

网站评分插件升级

这两天把原先系统的投票评分插件也一一升级了，升级的过程还算顺利，最终文章和评论都可以评分了，这样，稍后我就可以制作“评分最高的文章”和“评分最高的评论”两个侧栏了，这两个插件升级的过程还算有点复杂，这里记录一下。

原有的文章评分插件，采用的是5分评分，感觉体验不好，用户要思考到底是打从1分还是打5分，考虑太多，这次直接替换为“顶一下”、“踩一下”两种，相当于只用打1分或5分，简单多了。

当然，原有的评分数据不能丢，我这里也做了一个转换，原有评分插件记录了分数值和投票次数两个参数，通过一个公式可以将其转化为顶踩次数。

假设评分数值为R，投票总数为A，顶数值为Y，踩数值为N，已知R和A，计算Y和N，假设原先投票的人都投了1分或5分，则Y=（R-1）*A/4，N=A-Y，就近似计算出了“顶一下”、“踩一下”的数值。

为了不出现小数，新的评分使用百分制，评分数值为R=Y*100/（Y+N+1），评分的机理是，默认系统先投一票反对，然后投赞成数值为100，投反对数值为0，计算平均值，第一个人投赞成票时，按照上面的公式计算出来的数值是50分，而不是100分，这样可以很简单地避免1、2个投票投出高分的票。当投票人数非常多的时候，系统第一次投的票对分值的影响就很小了。

评论投票是在原有的评论投票插件基础上进行修改，使其适应新系统，此外再增加文章投票功能，使得两个投票系统公用一个代码，让系统也简化了许多。

有了文章投票和评论投票，之后就可以按照投票的分值排序，得出用户投票得分最高的文章和评论。

目前，博客的评论已经按照用户投票的方式进行排序，具体排序规则很简单，直接按照（支持数-反对数）排序，因此如果有反对数很多的评论，新发布的评论将会在留言中下部出现，而不是底部。