highlight.js 页面 代码高亮

Posted 树

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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

 

以上是关于highlight.js 页面 代码高亮的主要内容，如果未能解决你的问题，请参考以下文章

Vue中通过highlight.js实现代码高亮

JS库之Highlight.js高亮代码

如何使用 highlight.js 高亮代码

Ghost本地安装highlight.js使代码高亮

highlight.js 代码高亮插件的使用

为 typecho 添加代码高亮 highlight.js