杰基尔：div class 不在 CSS

Question

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

在我网站的 div 元素之一中，我看到 class language-plaintext 已分配。但是 class 不会出现在 CSS 中。这个class从哪里来的？

Answer 1

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

```
Hello World!
```

Jekyll 提供了一个可插入系统 [2]，用于根据代码块语言（例如 JavaScript、Python）为代码块 CSS 设置样式。我相信这个代码突出显示功能是使用 language-plaintext class.

这是一个带有 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/

杰基尔：div class 不在 CSS

Jekyll: div class not in CSS

html

css

jekyll