标签归档：highlightjs

Highlightjs是一款优秀的代码高亮Js组件，可以很方便地对各种语言编写的代码添加语法高亮样式。

然而，Highlightjs默认是不包括显示代码行号（Line Number）这一特性的，不过可以通过简单的JS代码和CSS样式表实现对Highlightjs的行号显示功能。

参考博文链接：syntax-highlighting-with-highlightjs

Javascript代码：

//numbering for pre>code blocks
$(function(){
    $('pre code').each(function(){
        var lines = $(this).text().split('\n').length - 1;
        var $numbering = $('<ul/>').addClass('pre-numbering');
        $(this)
            .addClass('has-numbering')
            .parent()
            .append($numbering ...

Highlightjs（下载地址：http://highlightjs.org/download/）是一款简单易用的语法高亮插件

它具有如下特征：

• 支持71种语言和44种样式
• 自动化语言侦测判别
• 多语言代码高亮
• node.js可用
• 可以与markup一同使用
• 兼容所有的js框架

Highlightjs于2014-01-08发布了8.0版。这个发行版提供了一些崭新特性的同时，将不再向后兼容某些旧版本中存在的特征。
不过，大多数用户应当不会受到这些向后不兼容特性的影响：自述文件中描述的基本使用场景依旧保持不变。

不再向后兼容的特性：

现在默认对CSS类引用中的所有类加上了hjls前缀，因为其中的一些类名可能会与其它的样式表发生冲突。
如果你使用的是highlightjs的老版本，也许想要升级highlight的同时依旧保留其原来的行为。
为了抑制这些新的特性，你可能需要这样进行初始化：

<script type="text/javascript">
  hljs.configure({classPrefix: ''});
  hljs.initHighlightingOnLoad();
< ...