使用 Jekyll 的 Minima 主题，单独的单反引号和三反引号的 Markdown 样式

Question

我正在尝试为 Jekyll 自定义 Minima 主题。我想在三个反引号之间（即在它自己的段落中）有一个深色背景，但我不想影响单个反引号之间的内联代码的背景。有没有办法做到这一点？

Answer 1

Markdown 中的内联代码块呈现为：

<code>Lorem ipsum</code>

围栏代码块 - 三重反引号 - 呈现为：

<pre><code>Lorem ipsum</code></pre>

以下是针对这些模式的 CSS 选择器示例。您可以在我的示例中看到这些行为：

• <code>标签本身没有<pre><code>模式那么具体，围栏代码样式的背景颜色会覆盖内联块的背景颜色
• 所述<code>图案也匹配<pre><code>图案，作为一个子集，因此施加到字体重量粗体规则<code>CSS规则，也适用于<pre><code>
• 由于该color: Blue;属性仅适用于<pre><code>，因此它是唯一一个带有蓝色文本的

<code>Lorem ipsum</code>

<pre><code>Lorem ipsum</code></pre>

总之，如果您想将规则应用于受保护的代码块而不是内联代码块，请使用更具体的 CSS 选择器，例如pre > code. 此选择器匹配<code>父项为<pre>标记的块。