码迷,mamicode.com
首页 > Web开发 > 详细

highlight.js 页面 代码高亮

时间:2016-05-31 14:06:31      阅读:542      评论:0      收藏:0      [点我收藏+]

标签:

 

官网: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

 

highlight.js 页面 代码高亮

标签:

原文地址:http://www.cnblogs.com/jxkshu/p/5545566.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!