如何突出显示 .qmd html 文件中的特定代码行

Question

有人找到了一种方法来突出显示 quarto html 文档中的特定代码行（类似于 Reveal.js 代码突出显示选项？）。例如，在下面的示例中，我想突出显示新添加的group_by()代码行：

---
format: html
---

```{r}
library(dplyr)
iris |> 
  summarize(mean(Sepal.Length))
```

Add `group_by()`:

```{r}
iris |> 
  group_by(Species) |> 
  summarize(mean(Sepal.Length))
```

然而，我发现这个包仅适用于 RMarkdown。非常感谢任何提示！:)

Answer 1

我创建了一个小型四开过滤器扩展，line-highlight以启用 HTML 输出格式（即 ）中的行突出显示（源代码和输出）format: html。

要突出显示源代码的特定行，您需要使用 chunk 选项source-line-numbers，该选项的值与 类似code-line-numbers。请注意，此过滤器扩展至少需要 Quarto v1.2 才能工作。

因此，在您给出的示例中，为了突出显示新添加的group_by()代码行，我们可以执行以下操作（此外，我们可以使用class-source: "numberLines"来启用源代码块行编号），

---
format: html
filters: 
  - line-highlight
---


```{r}
#| message: false
#| source-line-numbers: "4"

library(dplyr)

iris |> 
  group_by(Species) |> 
  summarize(mean(Sepal.Length))
```


```{r}
#| class-source: "numberLines"
#| source-line-numbers: "2"

iris |> 
  group_by(Species) |> 
  summarize(mean(Sepal.Length))
```

有关更多示例和安装过程，请参阅github 存储库。