**SyntaxHighlighter 可执行库与示例**
`SyntaxHighlighter` 是一款广泛使用的开源代码高亮工具，它能够将源代码片段美化，使代码在网页上展示时更易读，提升阅读体验。这个压缩包包含的是已经编译好的 `SyntaxHighlighter` 库以及相关的示例文件，方便开发者直接在项目中应用。
### 1. 什么是 SyntaxHighlighter？
`SyntaxHighlighter` 是由 Alex Gorbatchev 开发的一款JavaScript库，主要功能是将各种编程语言的代码块在网页上进行语法高亮显示。它支持多种编程语言和标记语言，如HTML、CSS、JavaScript、Python、Java等，通过自定义样式和主题，可以让代码段看起来更加专业且易于阅读。
### 2. 编译过程
通常，`SyntaxHighlighter` 需要用户自行编译，这涉及到配置和运行构建脚本。这个压缩包中包含的已编译版本则省去了这个步骤，可以直接用于网页项目中，大大简化了部署流程。
### 3. 包含的文件
- **theme.css**: 这是`SyntaxHighlighter`的主题样式文件，定义了代码块的外观，包括颜色、字体、背景等。你可以根据需要修改此文件来定制你的代码高亮风格。
- **index.html**: 示例文件，展示了如何在HTML页面中使用`SyntaxHighlighter`。通过查看和分析这个文件，你可以了解如何引入库、设置语言类型以及应用自定义样式。
- **syntaxhighlighter.js**: `SyntaxHighlighter` 的核心JavaScript库文件，包含了高亮引擎和相关功能。在网页中，你需要将这个文件链接到HTML文档中，以便在页面加载后自动处理所有的代码区块。
### 4. 使用方法
要在项目中使用 `SyntaxHighlighter`，首先需要在HTML文件的`<head>`部分引入`syntaxhighlighter.js`和`theme.css`。然后，将你的代码包裹在`<pre>`和`<code>`标签内，并添加相应的语言类名（例如，对于JavaScript代码，类名为`brush: js`）。`SyntaxHighlighter`会在页面加载完成后自动识别并处理这些代码块。
```html
<head>
<link href="theme.css" type="text/css" rel="stylesheet">
<script src="syntaxhighlighter.js"></script>
</head>
<body>
<pre class="brush: js">
function helloWorld() {
console.log("你好，世界！");
}
</pre>
<script>
SyntaxHighlighter.all(); // 这行代码会触发SyntaxHighlighter对所有代码块的处理
</script>
</body>
```
### 5. 自定义配置
`SyntaxHighlighter` 提供了一些可配置选项，比如是否显示行号、是否自动缩进等。你可以在`<script>`标签内设置这些选项，或者通过创建自定义的初始化函数来控制高亮行为。
```javascript
SyntaxHighlighter.defaults['toolbar'] = false; // 隐藏工具栏
SyntaxHighlighter.all();
```
### 6. 全语法支持
`SyntaxHighlighter` 支持众多编程语言的语法高亮，如C、C++、Ruby、PHP、SQL等。只需在`<code>`标签中指定对应的类名，如`brush: php`，即可实现相应的语言高亮。
### 7. 扩展和插件
`SyntaxHighlighter` 社区还开发了一些扩展和插件，如自适应宽度、自动检测语言等，这些可以进一步增强代码高亮效果。你可以在官方文档或GitHub仓库中查找这些资源，根据需求集成到你的项目中。
这个压缩包提供的`SyntaxHighlighter`可执行库和示例文件，为开发者提供了一个快速开始代码高亮的途径，通过简单的配置和使用，就能在网页中呈现出专业美观的代码片段。
syntaxhighlighter.rar （3个子文件） 
theme.css 9KB
index.html 87KB
hxhnarkissos2016-10-08很好,可以不用编译就使用了,感谢!
