如何使用

很明显，这仅适用于代码块 (<pre><code>) 而不适用于行内代码。

你可以通过 <pre> 元素上的 data-line 属性指定需要高亮的代码行，格式如下

• 单个数字表示具有该数字的行
• 范围由两个数字表示，用连字符 (-) 分隔
• 可以使用逗号分隔多个行号或范围。
• 可以在任意位置留有空格，并且会将其删除。

示例

5

第 5 行

1-5

第 1 到第 5 行

1,4

第 1 行和第 4 行

1-2, 5, 9-20

第 1 到第 2 行、第 5 行、第 9 到第 20 行

如果你想让行号偏移某个数字（例如，你想将第 1 行编号为 41 而不是 1，偏移量为 40），还可以使用 data-line-offset 属性。

你还可以使用以下内容作为 URL 哈希来链接到任何代码片段中的特定行：#{element-id}.{lines}，其中 {element-id} 是 <pre> 元素的 ID，而 {lines} 是一个或多个行或按照上述格式的行范围。例如，如果页面中有一个带有 id="play" 的元素，你可以通过链接到 #play.5-6 来链接到第 5-6 行

如果还为代码块启用了行号，并且 <pre> 元素具有 ID，则可以将 linkable-line-numbers 类添加到 <pre> 元素。这将使所有行号都可点击，并且在单击任何行号时，它将更改当前页面的哈希以链接到该特定行。