沐浴阳光的SK猫

享受黑夜，期盼黎明

导航

2008-6-17 19:10:42

z-blog 1.8 加入代码高亮

代码高亮，我所知道的方法有3种

直接改模板，目前所使用的，好处就是无须修改源码，升级方便，缺点就是修改文章的时候，代码里的换行会被编辑器搞掉
改FCKEditor，直接作为插件使用，用JS直接把高亮后的代码插入正文，优点是无需改模板，缺点是需要改FCKEditor，而且日后修改文章同样不方便
新增UBB标签，例如[code=html]，需改源码和模板，优点是修改文章特方便，缺点是需要对程序大量修改，同样日后程序升级不方便

这里说的是第一种方法

Z-blog 1.8

syntaxhighlighter 1.5.1 下载后解压放好，我是分别把JS和CSS放到script和images目录

以首页为例，打开default.html

在</head>之前加入

<link type="text/css" rel="stylesheet" href="http://www.21ido.com/blog/image/styles/SyntaxHighlighter.css" /><br /><br/><script class="javascript" src="http://www.21ido.com/blog/SCRIPT/Highlighter/shCore.js"></script><br /><br/><script class="javascript" src="http://www.21ido.com/blog/SCRIPT/Highlighter/shBrushCpp.js"></script><br /><br/><script class="javascript" src="http://www.21ido.com/blog/SCRIPT/Highlighter/shBrushCss.js"></script><br /><br/><script class="javascript" src="http://www.21ido.com/blog/SCRIPT/Highlighter/shBrushJava.js"></script><br /><br/><script class="javascript" src="http://www.21ido.com/blog/SCRIPT/Highlighter/shBrushJScript.js"></script><br /><br/><script class="javascript" src="http://www.21ido.com/blog/SCRIPT/Highlighter/shBrushSql.js"></script><br /><br/><script class="javascript" src="http://www.21ido.com/blog/SCRIPT/Highlighter/shBrushVb.js"></script><br /><br/><script class="javascript" src="http://www.21ido.com/blog/SCRIPT/Highlighter/shBrushXml.js"></script>

在文件最后一个 </script>之前加入

single.html 文件用上面方法同样处理，注意路径

使用方法还是一样

Tags:

zblog
修改
html
js
highlight
ajax

点击这里获取该日志的TrackBack引用地址

相关文章:
z-blog 1.8 加入代码高亮  (2008-6-17 19:10:42)
zblog文章归档修改  (2008-2-18 17:26:12)
给Z-Blog加上LightBox  (2007-3-23 21:39:49)
给Z-Blog加上代码高亮显示  (2007-3-19 11:21:3)
Prototype 1.5.0  (2007-1-24 23:27:53)
HTML代码优化  (2006-10-23 1:32:4)
《JavaScript权威指南》学习笔记(1)  (2006-4-10 0:32:30)
框架页redirect  (2003-10-2 19:54:0)

3.genamic
http://genamic.com
怎么我加了也不成功呀..

能不能加到哪里告诉我呀

可以发给我代码不?

例如加到default.html文件里..

可不可以把到文件后发给我..

谢谢..
C.A.T. 于 2008-8-25 8:15:29 回复
右击本页面，查看源代码，你会找到上面所说修改代码的位置
2008-8-22 17:00:09 回复该留言

2.google推广
http://www.555920.cn
日志写的很好，以后会常来的.先支持一下
2008-7-29 14:26:32 回复该留言

1.半瓶墨水
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-25 9:14:53 回复该留言

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。

最近发表

随机文章

最新评论及回复

BBS | About | GuestBook | SiteMap | RSS | Login
Copyright 2005-2008 21ido.com. All Rights Reserved.
Powered by Z-Blog 1.8 Spirit Build 80722 | Skin by coolmud
粤ICP备05022506号