代码语法高亮插件highlight.js

最新推荐文章于 2025-10-25 00:52:12 发布

原创

最新推荐文章于 2025-10-25 00:52:12 发布 · 5.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#highlight.js #HTML #JS

highlight.js是一款支持176种语言和79种风格的代码高亮插件，具备自动语言检测、多语言支持等功能。在网页中使用只需引入CSS和JS文件，通过配置能与任何JS框架兼容，且提供了highlightBlock方法用于自定义初始化。通过在<pre><code>标签中指定class识别语言，或使用nohighlight阻止高亮。示例展示了如何对SQL语句进行高亮处理，更多详情可参考官方文档。

（一）highlight.js主要特点如下：

176种语言和79种风格；

自动语言检测多语言；

代码突出显示；

可用于node.js；与任何标记一起使用；

兼容任何js框架；

（二）在你的网站中使用highlight.js非常简单哦，只要引入对应的css和js,下面来作详细的说明：

1）需要引入相关的文件，并调用initHighlightingOnLoad方法：

<linkrel="stylesheet"href="/path/to/styles/default.css">
<scriptsrc="/path/to/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>