自从上次安装了 WordPress 高亮代码显示插件 – SyntaxHighlighter Evolved,感觉一切良好,不过有天突然发现自己博客怎么多了这么多 JS,打开源代码一看,原来全是 SyntaxHighlighter Evolved 惹的祸。自己的洁癖病又犯了。干掉,没二话。看到 Willin 的高亮代码很漂亮。发现原来他用的是 Codecolorer 高亮代码显示插件。全CSS实现代码高亮效果的,并且可以再RSS中同样显示高亮效果。这点 SyntaxHighlighter Evolved 就没有这个功能。
刚安装,感觉怎么这么丑,对CSS不是很熟悉的我借助 Firebug 一点点的修改 CSS。。终于凑凑合合马马虎虎可以看了。另外,哪位高人能帮我把 Willin 的 Codecolorer 美化CSS的皮给拔下来啊。
贴一些中文帮助:
用 cc lang="php" 参数="xxx" 参数="xxx" 实现代码高亮,插件安装后,在HTML编辑器中可以看到多了个CC Button,大家可以根据自己需要在 quicktags.js 中编辑自己喜欢的按钮。方法参照:给 WordPress 的 HTML 编辑界面中添加 SyntaxHighlighter 按钮
属性列表如下,括号内是参数类型.string是字符串;integer是整数;boolean是布尔型(开关),可接受“true” “false”, “on” “off”, 整数 1 or 0.
* lang (string) – 代码使用的语言。
* tab_size (integer) – 用以替换制表符的空格数,可在设置界面更改。
* line_numbers (boolean) – 是否显示行号,可在设置界面更改。
* first_line (integer) – 指定代码块第一行的行号
* highlight (string) – 用于指定整行高亮的代码行行数,参数是用半角逗号分隔的数字串(如 1,5,8,9)。
* no_links (boolean) – 当值为false时,关键字将会添加一个到官方文档的链接,可在设置界面更改。
* lines (integer) –指定代码块显示的行数,当值设置为-1时,不出现纵向滚动条,可在设置界面更改。
* width (integer or string) – 代码块宽度,可在设置界面更改。
* height (integer or string) – 代码块高度,当这个高度可显示的行数比lines指定的值大才会生效,可在设置界面更改。
* rss_width (integer or string) – 代码块在RSS输出时的宽度,可在设置界面更改。
* theme (string) – 代码块颜色风格 (default, blackboard, dawn, mac-classic, twitlight, vibrant),可在设置界面更改。
* inline (boolean) – 内嵌模式开关,用于将一行代码插入到文本中。
* strict (boolean) – 严格模式的开关。
* nowrap (boolean) – 当值指定为false时,过长的行将会被自动换行,以避免出现横向滚动条。
* noborder (boolean) – 是否显示边框的开关。
* no_cc (boolean) – 当值为true时,code标签将会被解析,但代码块不会有格式。
* class (string) – 添加一个新的CSS。
* escaped (string) – 当值为false,代码块里的html转义字符不会被转义,如<不会转义为
其他的可以查看官方主页的说明:
http://kpumuk.info/projects/wordpress-plugins/codecolorer/
本篇文章中文帮助文件引用自 DouO's BLOG:
http://dourok.info/2010/08/codecolorer%E4%B8%AD%E6%96%87%E5%B8%AE%E5%8A%A9/
感谢 Willin 的提示:
http://kan.willin.org/?p=1327