-
用SyntaxHighligter高亮你的语法
Category: 技术相关|Tech View: 233 viewsDate: 2010-03-09
有的时候需要在博客里贴出一些代码,但如果没有语法高亮,那实在是惨不忍睹,乱七八糟的,黑鸦鸦一片,看着都头疼!优选在Wordpress的旗下,看到许多同学都用WP_Syntax这个插件,比如林木木的这篇WordPress 代码高亮插件:WP-Syntax就有专门的介绍。但我总觉得这不是我想要的,一来呢,它貌似不能换行,而且没有行号;二来呢,行与行之间没有颜色间的区别。如果代码长的话直观看起来比较累。终于有一天,看到了路人假的这篇为CKeditor加上SyntaxHighlighter支持,眼前一亮,原来这就是我一直寻找的语法高亮功能,顿作欣喜若狂状。
SyntaxHighlighter是一个支持16种语法,6个主题的多语言开源JavaScript。要想得到它,请点击这里,体积很小,只有89KB,目前的最新版本是2.1.364。
如何配置:1.在主题中找到header.php,打开把自己所需要的语法代码粘贴进去,当然如果用不到的可以自行删减,但必须保留shCore.js,shBrushBash.js,shCore.css,对于语法主题选择可以根据主题色彩以及个人喜好自行选择,我所选择的则是默认主题shThemeDefault.css。
在撰写文章时,对于2.1版本的,只要把想要粘贴的代码Paste至code paste here处,对于所需要的语法类型只要在brush后面注明即可,比如我所需要的是php类型,就在brush后面注明php就OK了。
<script type="syntaxhighlighter" class="brush: php">
/**
* SyntaxHighlighter
*/code paste here
</script>OK,行文至此,相信你写要的功能即可展现,秀一下你花花绿绿的代码吧。如果没有出现语法高亮,请先确认你所粘贴的代码是否是在html模式下进行的,如果你嫌麻烦,想要直接拷贝粘贴,可以直击这里,右键查看源代码即可。
1 Firm
2010-3-9 21:12
我也是用路人假的这款,好上手
2 pingcenter
2010-3-9 21:54
不错的JS,值得推荐。
3 路人假
2010-3-9 21:34
我还是嫌它大,把不要的删掉,再压缩一下,css+js一共只有37k,嘿嘿~
4 pingcenter
2010-3-9 21:53
乖乖,你真能减啊,都差不多是原文件的三分之一了。
5 路人假
2010-3-9 21:38
对了,你貌似写错鸟,shBrushBash.js是高亮bash的,应该是不能少了你需要的brush,我把它们都合成一个啦~
6 pingcenter
2010-3-9 21:54
shBrushBash.js这个是必须的,属核心文件之一,合成倒是一个不错的主意。
7 路人假
2010-3-9 23:43
你确定啊?我特地去看了一下,我就没有加这个啊,我十分确定这是用来渲染bash(linux下的脚本语言)的。。。
话说,你的回复不发邮件的啊?
8 Nox
2010-3-11 16:04
介绍的很详细,不错。
9 pingcenter
2010-3-11 16:25
过奖,表达能力还有待于提高!