highlight.js支持多种常用编程语言,包括 C语言、java、javascript、ruby、python、html、css、PHP等
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>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791