Jekyll: div类不在CSS中

Question

我目前正在使用Jekyll静态站点生成器和Github Pages构建一个博客。我想最终直接在CSS和HTML上工作，并完全摆脱Jekyll。

在我的站点中的一个div元素中，我看到分配了类language-plaintext。然而，这个类不会出现在CSS中。这个类是从哪里来的?

Answer 1

language-plaintext类由Jekyll构建过程应用于Markdown代码块[1]。Markdown代码块

的示例

```
Hello World!
```

Jekyll提供了一个可插入的系统[2]，用于基于代码块语言(例如JavaScript, Python)给代码块CSS样式。我相信这个代码突出显示功能使用了language-plaintext类。

下面是一个javascript代码块

的例子

```javascript
hello world
```

生成

<div class="language-javascript highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nx">hello</span> <span class="nx">world</span>

注意class="language-javascript

[1] https://www.markdownguide.org/extended-syntax/fenced-code-blocks

[2] https://jekyllrb.com/docs/configuration/markdown/