light皮肤

<link class="codestyle" charset="utf-8" rel="stylesheet" href="highlight/css/tomorrow.css"/>
<script src="highlight/js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

<h2>CSS代码高亮</h2>
<pre>
    <code class="hljs css">
@font-face {
  font-family: Chunkfive; src: url('Chunkfive.otf');
}

body, .usertext {
  color: #F0F0F0; background: #600;
  font-family: Chunkfive, sans;
}

@import url(print.css);
@media print {
  a[href^=http]::after {
    content: attr(href)
  }
}
    </code>
</pre>

<h2>JS代码高亮</h2>
<pre>
     <code class="hljs javascript">
var _hmt = _hmt || [];
(function() {
    var hm = document.createElement("script");
    hm.src = "//hm.baidu.com/hm.js?b5ae3f71dfe5f06a9dd4dc55087f27d1";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s)
})();
    </code>
</pre>

dark皮肤

<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>

<pre>
<code class="hljs css">
    @font-face {
  font-family: Chunkfive; src: url('Chunkfive.otf');
}

body, .usertext {
  color: #F0F0F0; background: #600;
  font-family: Chunkfive, sans;
}

@import url(print.css);
@media print {
  a[href^=http]::after {
    content: attr(href)
  }
}
    </code>
</pre>