highlight.js 页面 代码高亮

时间:2022-06-12 19:57:36

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