代码高亮,我所知道的方法有3种
- 直接改模板,目前所使用的,好处就是无须修改源码,升级方便,缺点就是修改文章的时候,代码里的换行会被编辑器搞掉
- 改FCKEditor,直接作为插件使用,用JS直接把高亮后的代码插入正文,优点是无需改模板,缺点是需要改FCKEditor,而且日后修改文章同样不方便
- 新增UBB标签,例如[code=html],需改源码和模板,优点是修改文章特方便,缺点是需要对程序大量修改,同样日后程序升级不方便
这里说的是第一种方法
Z-blog 1.8
syntaxhighlighter 1.5.1 下载后解压放好,我是分别把JS和CSS放到script和images目录
以首页为例,打开default.html
在 </head>
之前加入
1 | <link type="text/css" rel="stylesheet" href="<#ZC_BLOG_HOST#>image/styles/SyntaxHighlighter.css" /> |
在文件最后一个 </script>
之前加入1
2
3dp.SyntaxHighlighter.ClipboardSwf = "/SCRIPT/Highlighter/clipboard.swf";
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
single.html 文件用上面方法同样处理,注意路径
使用方法还是一样1
2
3<textarea name="code" class="java" rows="15" cols="100">Java代码</textarea>
<textarea name="code" class="vb:firstline[26]" rows="15" cols="100">VB代码</textarea>