highlight网页代码高亮显示

使用

  1. 引入highlight.min.js和monokai_sublime.min.css,使用initHighlightingOnLoad()初始化.
1
2
3
<link href="http://cdn.bootcss.com/highlight.js/8.0/styles/monokai_sublime.min.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/highlight.js/8.0/highlight.min.js"></script>
<script >hljs.initHighlightingOnLoad();</script>
  1. 使用<pre><code class="html"> 指定文本的内容信息例如

<pre><code class="js">code.....</code></pre>

展示

  • js代码:

    var arr = new Array();
    var input_element =  document.getElementById("input");
    alert(input_element.value);

  • java代码:

   class Demo{
    public static void main(String[] args){
        Systemm.out.println("java");
    }
   }

  • C代码:

   int main(){
    printf("c");
    return 1;
   }

  • linux

   $ echo $(xdpyinfo|grep 'dimensions:' | awk '{print $2}')

官网 https://highlightjs.org/download/