代码语法高亮插件highlight.js

最新推荐文章于 2025-06-01 09:06:34 发布

chibimarukochan

最新推荐文章于 2025-06-01 09:06:34 发布

阅读量5.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端文章标签： highlight.js HTML JS

本文链接：https://blog.youkuaiyun.com/ChibiMarukoChan/article/details/78109051

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

（一）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>