如何使用SyntaxHighlighter进行代码高亮

SyntaxHighlighter 是一款用于代码高亮的 JavaScript 库，它可以将代码转换成不同颜色和格式的标记，使得代码更易于阅读和理解。

以下是如何在网页中使用 SyntaxHighlighter 的步骤：

1. 下载 SyntaxHighlighter

首先需要下载 SyntaxHighlighter 库文件，可以从官方网站 http://syntaxhighlighter.org/ 下载最新版本的文件。

2. 引入 SyntaxHighlighter

将下载好的 SyntaxHighlighter 文件放到你的网站目录中，然后在 HTML 文件中引入所需的 CSS 和 JS 文件。例如：

<link rel="stylesheet" href="path/to/shCore.css"> <link rel="stylesheet" href="path/to/shThemeDefault.css"> <script src="path/to/shCore.js"></script> <script src="path/to/shBrushJavascript.js"></script> 

其中 path/to/ 为文件所在的路径。

3. 使用 SyntaxHighlighter

在 HTML 文件中需要高亮的代码块前添加一个 <pre> 标签，并设置一个唯一的 class 属性，例如：

<pre class="brush:javascript;"> // 你的 JavaScript 代码 </pre> 

其中 brush:javascript; 表示使用 JavaScript 语言高亮。

4. 初始化 SyntaxHighlighter

最后在 HTML 文件中添加一个 <script> 标签，用于初始化 SyntaxHighlighter。例如：

<script>     SyntaxHighlighter.all(); </script> 

这样就可以在网页中显示高亮后的代码了。