给Z-Blog加上代码高亮显示

脚本代码 C.A.T. 2007-3-19 11:21 1139 11

用的是dp.SyntaxHighlighter ，JS+CSS实现的，很不错的东东

版本信息
dp.SyntaxHighlighter 1.4.1
Z-Blog 1.7 Laputa Build 70216

下载dp.SyntaxHighlighter.rar，解压到Z-Blog根目录，每种语言都有单独JS文件，把需要用到的传到WEB空间即可
打开z-Blog模板文件\TEMPLATE\single.html，在<head>标签里加
<link type="text/css" rel="stylesheet" href="<#ZC_BLOG_HOST#>css/SyntaxHighlighter.css"></link>
如果首页等其它页面也要实现语法高亮显示，在相应模板重复2、3步骤
在</body>前面加下面代码，根据自己需要选择性的加
<script class="javascript" src="/SCRIPT/shCore.js"></script><br /><script class="javascript" src="/SCRIPT/shBrushCSharp.js"></script><br /><script class="javascript" src="/SCRIPT/shBrushPhp.js"></script><br /><script class="javascript" src="/SCRIPT/shBrushJScript.js"></script><br /><script class="javascript" src="/SCRIPT/shBrushJava.js"></script><br /><script class="javascript" src="/SCRIPT/shBrushVb.js"></script><br /><script class="javascript" src="/SCRIPT/shBrushSql.js"></script><br /><script class="javascript" src="/SCRIPT/shBrushXml.js"></script><br /><script class="javascript" src="/SCRIPT/shBrushDelphi.js"></script><br /><script class="javascript" src="/SCRIPT/shBrushPython.js"></script><br /><script class="javascript" src="/SCRIPT/shBrushRuby.js"></script><br /><script class="javascript" src="/SCRIPT/shBrushCss.js"></script><br /><script class="javascript" src="/SCRIPT/shBrushCpp.js"></script><br /><script class="javascript">dp.SyntaxHighlighter.HighlightAll('code');</script>
打开/function/c_system_event.asp，266行Case "fckeditor"<br /> objArticle.Content=Request.Form("txaContent")<br /> 'objArticle.Content=Replace(objArticle.Content,vbCrLf,"")<br /> 'objArticle.Content=Replace(objArticle.Content,vbLf,"")<br /> If objArticle.Intro="" Then<br /> s=objArticle.Content<br /> s=TransferHTML(s,"[nohtml]")<br /> s=Left(s,ZC_TB_EXCERPT_MAX) & "..."<br /> objArticle.Intro=s<br /> End If
打开/function/c_system_lib.asp，380行最后的"[html-japan][vbCrlf][upload]"，去掉[vbCrlf]，改后代码如下
Public Property Get HtmlContent<br /> HtmlContent=TransferHTML(UBBCode(Content,"[face][link][autolink][font][code][image][typeset][media][flash][key]"),"[html-japan][upload]")<br />End Property
使用加亮实例
<textarea name="code" class="java" rows="15" cols="100">Java代码</textarea><br /><textarea name="code" class="vb:firstline[26]" rows="15" cols="100">VB代码</textarea>

blog js css 技巧修改

复制这个链接发给QQ/MSN上的好友
 点击这里获取该日志的TrackBack引用地址

本页面生成时间：2008-6-16 19:40:16

zblog文章归档修改

做个记号，博客换了样式并升级到1.8

3G豆豆页面设计

NB文章系统2.0 转 Z-Blog1.7

清除Tomcat页面缓存小技巧

给Z-Blog加上LightBox

给Z-Blog加上代码高亮显示

无法找到":MSStart"(或其组件)解决方法

网站重构，又见《网站重构》

Java转义字符补遗

访客评论

半瓶墨水 2008-6-16 19:40:16 | 回复该留言 http://www.fayaa.com/code/

可以考虑到代码发芽网贴一下然后复制粘贴到blog，这样就有代码高亮了，有多种高亮主题可供选择。

比如我在百度空间贴的这一篇：
http://hi.baidu.com/2maomao/blog/item/124fd31bfa6461d0ad6e7583.html

代码发芽网网址：
http://www.fayaa.com/code/
支持近百种语言的代码高亮，支持多种高亮主题

完整的介绍：
http://www.2maomao.com/blog/code-fayaa-beta/
游客 2008-6-16 19:40:16 | 回复该留言

你好！
我使用的是 Z-Blog 1.8 版，按照你说的步骤全部做了几编都不行啊！
怎么办？有什么解决的办法吗？
谢谢！
gordon 2008-6-16 19:40:16 | 回复该留言 http://www.cgyblog.cn

我的是 Z-BLOG 1.8 DEVP 80108怎么加上不行呀？能否指导一下在这个版本中的改动。
C.A.T. 于 2008-1-21 8:37:28 回复
其实那个方法并不是很好，有待改进，我也是最近才升到1.8，要看下怎么改比较好
巴士飞扬 2008-6-16 19:40:16 | 回复该留言 http://www.busfly.cn

支持一下,修改系统源码,这是不好的做法,这让升级过程很困难.
现在的插件机制很不错,博主尝试一下,改成1.8的插件吧,虽然,已经有了一个,但是,还是需要多样化的
jmj 2008-6-16 19:40:16 | 回复该留言 http://jmj.xinch.cn

Z-Blog 1.8 Terminator (beta) 版的文件代码地址：
c_system_event.asp 245行
c_system_lib.asp 388行
C.A.T. 于 2007-12-20 13:24:40 回复
好像没太大改进，先观察一阵子再升级好了，毕竟我自己也改过一些地方，升级后我还要把自己改过的再改一遍，太麻烦了
jmj 2008-6-16 19:40:16 | 回复该留言 http://www.xinch.cn

请问后面的怎*做呀？使用加亮实例是放到哪里？
C.A.T. 于 2007-12-3 8:39:21 回复
在你发表文章的时候
网赚的博客 2008-6-16 19:40:16 | 回复该留言

嘿嘿
由 C.A.T. 于 2007-7-18 8:45:38 最后编辑
C.A.T. 于 2007-7-18 10:08:02 回复
不好意思，把你的广告地址去掉了，嘿嘿
萤火虫儿 2008-6-16 19:40:16 | 回复该留言

http://www.yanr.com.cn/post/99.html
麻烦看一下，郁闷！！
C.A.T. 于 2007-7-10 14:18:17 回复
在你博客留言，提交了10来次都没能成功，放弃了。。。。
萤火虫儿 2008-6-16 19:40:16 | 回复该留言

不对，我的按你的做了，没反映。
代码：[code][/code]
出来只是一个框！
C.A.T. 于 2007-7-10 14:15:08 回复
没加class属性
test 2008-6-16 19:40:16 | 回复该留言

<textarea name="code" class="java" rows="15" cols="100">
<script language="JavaScript" type="text/javascript">
function regexp_str(){
var getStr=document.getElementsByTagName("input")[0].value;
var regexpStr=/cat/;
if(regexpStr.test(getStr))
alert("输入的字符串"+getStr+"包含"+regexpStr.source);
else
alert("输入的字符串"+getStr+"不包含"+regexpStr.source);
}
</script>
</textarea>
C.A.T. 于 2007-6-5 10:13:39 回复
评论只支持UBB表情，其它语法都不支持
狼的旋律 2008-6-16 19:40:16 | 回复该留言 http://www.wilf.cn/

看起来真不错哦！