• 用SyntaxHighligter高亮你的语法

    Category: 技术相关|Tech Author: pingcenter 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模式下进行的,如果你嫌麻烦,想要直接拷贝粘贴,可以直击这里,右键查看源代码即可。

相关日志

  • 评论 (9)
  • 引用通告 (0)
发表评论 发起引用

  • 回复 1 Firm

    2010-3-9 21:12

    我也是用路人假的这款,好上手

  • 回复 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

      过奖,表达能力还有待于提高!

目前还没有任何Trackbacks和Pingbacks.