lenglau [Blog^3] Zblog 技术积累

我承认Zblog较Wordpress与Movable Type要差许多 但Zblog仍从未停止过前进

首先,编辑TEMPLATE/b_article_tag.html文件,修改为如下内容:
<img src="<#ZC_BLOG_HOST#>logo/<#article/tag/intro#>.gif" alt="<#article/tag/name#>" class="thumb" />
修改TEMPLATE/b_article-multi.html文件,将原来的:
<div class="post-body"><#article/intro#></div>
修改为:
<div class="post-body"><#template:article_tag#><#article/intro#></div>
进入Tags管理,给每个Tags增加一个摘要,内容为一个英文单词,用于图片文章名。

然后,在Blog的根下建立一个名为logo的目录。将上面命名的文件名增加.gif后缀后复制到这个目录下。修改STYLE目录下的CSS文件,增加如下内容:
div.post-body img.thumb {
        float
: right;
        margin
: 4px 4px 4px 4px;
        padding
: 0px;
        border
: 0px;
        padding
: 0px;
        max-width
: 500px;
        max-height
:500px;
        overflow
:hidden;
        clear
:both;
}

以上的CSS代码在IE和FireFox下测试均显示正常。最后重建所有文件,就可以生成一个正确的列表。如果想在图片上增加链接,修改TEMPLATE/b_article_tag.html文件即可。

最好还要把template/b_article-multi.html文件中的:
<h5 class="post-tags"><#ZC_MSG138#><#template:article_tag#></h5>
删除,不然显示的Tags都是以图片形式显示了。
posted @ 2007-09-25 13:21 chuiniubi.com 阅读(670) | 评论 (1)编辑 收藏
示例:http://liuleng.com/sitemap/sitemap1.htm

文件说明:create_html.asp是程序文件,moban.html就是模板文件。压缩包里自带一个模板,把里面的文字改成您需要的,然后运行create_html.asp就可以了,生成的文件名为sitemap1.html。另外您可以自己设计模板,只要把下面的标签放到对应的位置就OK

标签说明:

$titles$  :文章标题列表  $yema$  :页码

注意事项:文件要解压到您的blog根目录下,也就是说要和您的default.asp在同一级目录下

模板制作方法:

1. 打开blog首页,在浏览器的菜单栏点击:查看——》源文件。把内容复制到记事本里,保存编码为Unicode格式,注意一定要是Unicode格式,不然出来是乱码。
2. 把里面不用的div删掉,加上上面的标签
3. 运行create_html.asp,在浏览器里打开sitemap1.html看看效果,再修改模板

下载: art_list.rar (3.65 KB
posted @ 2007-09-25 13:13 chuiniubi.com 阅读(278) | 评论 (0)编辑 收藏
支持Baidu的互联网新闻开放协议

把baidunews.asp拷贝到Z-Blog根目录运行即可

下载: baidunews.rar (2.13 KB)
posted @ 2007-09-25 13:06 chuiniubi.com 阅读(181) | 评论 (0)编辑 收藏
在css中找到div.post div.post-body,在其中添加:
    text-align:justify;
    text-justify:inter-ideograph;
posted @ 2007-09-25 12:53 chuiniubi.com 阅读(1507) | 评论 (0)编辑 收藏
许多z-bloger们都瞧着右侧栏目站点统计里的 当前样式:default 当前语言:zh-CN 感到不爽,动手修改Statistics却发现/INCLUDE/statistics.asp文件只是统计的索引显示页,后台每次执行索引重建之后都会恢复到c_system_event页给它定义的样式。今天在zbloger BBS中得到了解决方式。

找到:/FUNCTION/c_system_event.asp 在中间位置的Function BlogReBuild_Statistics()函数,找到显示样式及语言类型的段落:
strStatisticsstrStatistics=strStatistics & "<li>"& ZC_MSG083 &":" & ZC_BLOG_CSS & "</li>"   
strStatisticsstrStatistics=strStatistics & "
<li>"& ZC_MSG084 &":" & ZC_BLOG_LANGUAGE & "</li>"  

替换成:

Set objRS=objConn.Execute("SELECT  TOP 10 tag_ID  FROM [blog_Tag] ORDER BY [tag_Order] DESC,[tag_Count] DESC,[tag_ID] ASC") 
posted @ 2007-09-25 12:45 chuiniubi.com 阅读(693) | 评论 (2)编辑 收藏
显示效果:
 1.dp-highlighter   
 2{   
 3    font-family: "Consolas", "Courier New", Courier, mono, serif;   
 4    font-size: 12px;   
 5    background-color: #E7E5DC;   
 6    width: 99%;   
 7    overflow: auto;   
 8    margin: 18px 0 18px 0 !important;   
 9    padding-top: 1px; /* adds a little border on top when controls are hidden */  
10}
 

使用方法:下载HighLighter1.7.rar后,将压缩包中的文件覆盖到Blog的根目录。在需要高亮显示代码的页面的<head>标签内插入:
<link type="text/css" rel="stylesheet" href="<#ZC_BLOG_HOST#>Plugin/HighLighter/SyntaxHighlighter.css"></link>
在<body>结束前插入(可根据需要进行删减):
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shCore.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushCpp.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushCSharp.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushCss.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushDelphi.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushJava.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushJScript.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushPhp.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushPython.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushRuby.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushSql.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushVb.js"></script>
<script language="javascript" src="<#ZC_BLOG_HOST#>Plugin/HighLighter/shBrushXml.js"></script>
<script language="javascript">
dp.SyntaxHighlighter.HighlightAll('code', true, true);
dp.SyntaxHighlighter.HighlightAll('code2', false, false);
</script>

覆盖上传后,文件重建。

使用代码高亮标签时,需要<textarea></textarea>标签的支持。将代码放入<textarea>之中。代码中第一行的“CSS”可以替换成你所需要的语言:c#,javascript,vb,xml,php,sql,delphi,Python
<textarea name="code" language="css"> 

.dp-highlighter
{
  font-family: "Consolas", "Courier New", Courier, mono, serif;
  font-size: 12px;
  background-color: #E7E5DC;
  width: 99%;
  overflow: auto;
  margin: 18px 0 18px 0 !important;
  padding-top: 1px; /* adds a little border on top when controls are hidden */
}

</textarea>
适用版本:ZBlog 1.7 Laputa Build 70216
源码来源:http://code.google.com/p/syntaxhighlighter/
文章来源:http://liuleng.com/post/450.html
posted @ 2007-09-25 12:42 chuiniubi.com 阅读(517) | 评论 (3)编辑 收藏
ZBlog 1.7中,英文Tags数量增加后导致Tags页面格式被撑变形,尝试了许多方法都没有解决。haphic发现:在Tag页没有样式的时候唯有Tag有样式,当把这些写在文件内的样式去掉之后竟惊异的发现所有Tag之间没有空格……这就是问题的根源所在。

解决方法:修改根目录下的Tag.asp 第47行,将其改为:
1strTagCloudstrTagCloud=strTagCloud & "   
2<span style='font-family:verdana,sans-serif;line-height:150%;   
3font-size:"& 12 + (Tag.Count/2) &"px;margin:10px;'>  
4<title='" & Tag.Count & "' alt='"&  Tag.Count  &"' href='" & Tag.Url &"'>  
5" & Tag.name & "</a> </span>
即:在超链接标签后面加了个空格。
posted @ 2007-09-25 12:37 chuiniubi.com 阅读(155) | 评论 (0)编辑 收藏
这个插件用来导入Wordpress eXtended RSS,能够导入全部的评论和Trackback、分类,改编自zx.asd的Rss2.0导入插件。在Wordpress 2.0.5导出的WXR和Z-Blog 1.7公测版下测试成功。

附件: wpimport.rar (4.96 KB)

posted @ 2007-09-25 12:34 chuiniubi.com 阅读(492) | 评论 (0)编辑 收藏
利用blog程序搭建起的网站,使用久了很容易遇到的一个问题就是程序本身所带来的个性化设置上的局限性。一般基于DIV+CSS的web2.0类程序在设计上让很多网页设计者需要重新学习很多东西。但只要开动脑筋,一切都是可以解决的。

国人对门户一直是十分钟情的,许多网页设计者喜欢将首页做得复杂一些,集纳了很多元素构成个人门户。一些blog程序本身的首页构成很难让他们满意(也包括我)。于是内容的外部调用成了解决此类设计的一个好办法。

Zblog外部调用分类目录最新日志的方法主要流程有:

第一步,在FUNCTION目录下c_system_event.asp文件,找到'BlogReBuild_Categorys,去掉前面注释(即去掉单引号),修改完毕后,然后索引重建即可。

第二步,利用JavaScript调用,外部调用分类目录最新日志。详细代码是:

1、整个博客最新日志的调用代码为:
  
<script language="JavaScript" charset='utf-8' src="http://blog.xuguoping.net/function/c_html_js.asp?include=previous" type="text/javascript"></script>
  

2、博客最新留言评论的调用代码为:
  
<script language="JavaScript" charset='utf-8' src="http://blog.xuguoping.net/function/c_html_js.asp?include=comments" type="text/javascript"></script>

3、外部分类目录最新日志的调用代码为:
  
<script language="JavaScript" charset='utf-8' src="http://blog.xuguoping.net/function/c_html_js.asp?include=category_12" type="text/javascript"></script>

其中category_12是分类目录名,修改成你网站的目录ID即可,还有调用的绝对路径。以上调用中如果遇到了标题前会有小圆点的话,简单的list-style:none样式就可以显示正常了。在整个zblog美化过程中,实现外部调用分类目录最新日志难度不大,贴出来目的是为了更多的博友交流、分享、互助。以上调用的效果效果见徐果萍个人门户首页。
posted @ 2007-09-25 12:29 chuiniubi.com 阅读(571) | 评论 (0)编辑 收藏
Snap Preview Anywhere™ 预览服务Snap去年年底发布的一项免费服务,可以为网站页面上的URL链接生成快速预览(Techcrunch 的相关介绍 / 对应的中文翻译)。SPA提供了包括中文简体在内的9种语言界面,只需要从这里获取一段代码放置在页面的body标签结束之前,当鼠标移到该页面上任何URL链接的时候就会出现该链接所指向页面的缩略图。如果您现在不是用RSS阅读器浏览本文的话,应该能够在本站上通过鼠标的移动观察到这个效果。

title

缺省情况下这段服务代码会对页面上所有的URL超链接进行缩略图的显示处理(但不包括嵌套frame和非常规的href目标)。如果希望某些特定的链接不触发该效果,只需要为链接增加名为snap_nopreview的class属性;如果希望默认不处理任何URL,则需要把服务代码的参数'ap=1'改为'ap=0',然后为希望触发效果的链接增加名为snap_preview的class属性。目前这些个性化的设置并没有傻瓜式的定制界面,只是在FAQ中进行了说明,对于没有网页开发基础的朋友来说可能会过于复杂。理论上来说这个服务的接口可以做的更为友好和简洁一些。

遗憾的是从实际使用的效果来看,似乎大多数URL并不能即时显示出有意义的缩略图。虽然Jason Fields日志中说只要鼠标移到某个超链接上并显示"Capturing"信息,就表示该链接的缩略图生成请求已经提交给服务器,再过几分钟之后缩略图应该就能正常显示;但实际上抓取的速度远慢于此。

看来既有索引量的不足是Snap亟需改善的问题。毕竟太多的搜索结果如果都没有对应的图片可以显示的话,其所谓的特色反倒成为缺陷了。不过要想达到Google级别的网页索引量,还得是图片形式的,Snap有没有足够的硬件支撑还是个问题(也许Google应该考虑提供类似的服务)。此外,Snap还支持针对基于Wordpress、E-blogger、TypePad、Movabletype的博客上快速安装。
posted @ 2007-09-24 00:45 chuiniubi.com 阅读(166) | 评论 (0)编辑 收藏
仅列出标题
共3页: 1 2 3 

公告


导航

统计

常用链接

留言簿(2)

随笔分类

随笔档案

文章分类

相册

我的链接

搜索

最新评论

阅读排行榜

评论排行榜