如何使用

很显然，此操作仅对代码块生效（<pre><code>），对内联代码无效。

向所需的 <pre> 或其任何祖先元素添加 line-numbers 类，行号插件将处理其余内容。为所有代码块添加行号，请将 line-numbers 类添加到页面的 <body> 中。这是通用激活机制的一部分，向任何元素添加 line-numbers（或 no-line-numbers ）类将针对该元素中的所有代码块启用（或禁用）行号插件。
示例

<body class="line-numbers"> <!-- enabled for the whole page -->

	<!-- with line numbers -->
	<pre><code>...</code></pre>
	<!-- disabled for a specific element - without line numbers -->
	<pre class="no-line-numbers"><code>...</code></pre>

	<div class="no-line-numbers"> <!-- disabled for this subtree -->

		<!-- without line numbers -->
		<pre><code>...</code></pre>
		<!-- enabled for a specific element - with line numbers -->
		<pre class="line-numbers"><code>...</code></pre>

	</div>
</body>

可选：您可以在 <pre> 元素上指定 data-start（数字）属性。它将移动行号计数器。

可选：为支持使用软换行的多行行号，向所需的 <pre> 应用 CSS white-space: pre-line; 或 white-space: pre-wrap; 。

示例

JavaScript

CSS

请注意，此 <pre> （代码标记）没有 line-numbers 类，但其父元素有。

HTML

请注意下面代码中的 data-start="-5" 。

未知语言

This raw text
is not highlighted
but it still has
line numbers

软换行支持

请注意下面代码中的 style="white-space:pre-wrap;" 。