Highlight.js

Highlight.js 是一个用 JavaScript 编写的语法高亮库。它支持超过 180 种编程语言和文本格式，并且可以自动检测语言类型。它可以在文档中标记代码块，也可以用于网站和应用程序中。

特性

• 支持 180+ 种编程语言和文本格式
• 自动语言检测
• 代码行号显示
• 支持多种少见的语言和格式（如 Brainfuck、Haskell、TeX 等）
• 支持自定义风格和主题

安装

可以通过 npm 安装：

npm install highlight.js --save

也可以直接下载压缩包，然后在 HTML 文件中添加以下代码：

<link rel="stylesheet" href="/path/to/styles/default.css">
<script src="/path/to/highlight.min.js"></script>

使用

基本用法

在 HTML 中，我们需要用 <code> 和 <pre> 标签来标记代码块。使用以下 JavaScript 代码启用代码高亮：

hljs.highlightAll();

这将遍历所有的 <code> 标签，尝试检测每个代码块中的编程语言，并为其应用相应的语法高亮。

指定语言

如果要指定代码块的语言，可以向 <code> 标签添加类名，类名形式为 language-xxxx，其中 xxxx 是编程语言名称，例如，如果要将代码块标记为 Python：

<pre><code class="language-python">
print("Hello World!")
</code></pre>

显示行号

可以通过给 <pre> 添加类名来启用代码行号：

<pre class="hljs line-numbers"><code class="language-javascript">...</code></pre>

自定义风格和主题

Highlight.js 自带多个样式和主题，可以在官方文档中找到。如果要自定义风格和主题，可以在官方文档中找到相应的说明。