highlight.js 页面 代码高亮

 

官网:https://highlightjs.org/

 

功能:

           支持 155 种编程语言的语法解析;拥有 73 种样式

    自动检测编程语言

    可以在 node.js 平台上运行

    支持各种标签

    与任何 js 框架兼容

官方演示:https://highlightjs.org/static/demo/

如何使用

<!--  放在<head></head>  里面  -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/styles/default.min.css">


<!--  放在  </body> 后面     -->
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>


//以上是引入文件

<pre><code class="html  php css ">  要高亮的代码     </code></pre>

 

官网文档:  https://highlightjs.org/usage/    英文版

              http://www.ghostchina.com/adding-syntax-highlighting-to-ghost-using-highlight-js/       中文版

 

支持的语言:https://highlightjs.org/download/    在这里面可以看到

英文手册:http://highlightjs.readthedocs.io/en/latest/index.html

 

posted @ 2016-05-31 13:16  IT树  阅读(629)  评论(0编辑  收藏  举报