highlight.js设置行号给出具体代码
时间: 2023-02-12 16:33:23 浏览: 65
可以使用 highlight.js 的 `lineNumbers` 选项来设置行号。
```
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.2/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.2/highlight.min.js"></script>
<script>
hljs.initHighlightingOnLoad();
hljs.configure({lineNumbers: true});
</script>
```
示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.2/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.2/highlight.min.js"></script>
<script>
hljs.initHighlightingOnLoad();
hljs.configure({lineNumbers: true});
</script>
</head>
<body>
<pre><code class="python">
def add(a, b):
return a + b
</code></pre>
</body>
</html>
```
这样就可以在页面上显示代码行号了。