引入库:在HTML文件中链接到Highlight.js的CDN或本地资源
时间: 2024-09-28 11:04:03 浏览: 46
react-highlight.js:Highlight.js库周围的简单React包装器
在HTML文件中引入Highlight.js库,一般有两种方式:
1. **利用CDN**(内容分发网络):直接从外部服务器获取最新版本的代码,这通常是最快的方案。在`<head>`部分添加以下链接:
```html
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/<version>/highlight.min.js"></script>
```
将 `<version>` 替换为实际的Highlight.js库版本号,如 `9.18.1`。
2. **本地资源**:如果你有将源码下载并存储在本地服务器,可以使用`<script>`标签引用本地的`highlight.min.js`文件:
```html
<script src="/path/to/highlight.pack.js"></script>
```
或者如果已经解压了,可能是 `/path/to/highlight.js`。
确保正确引入后,你可以初始化高亮功能,比如对所有`<pre><code>`标签内的代码进行处理:
```javascript
hljs.initHighlightingOnLoad();
```
阅读全文