如何更改Jekyll中的CSS以获取特定语言的代码片段

Question

我将Jekyll用于我的博客，我想更改Python代码段的背景颜色：

```python
def foo():
    pass
```

我发现可以在_sass/_code.css：

中更改背景

pre {
    padding: 1.125em;
    background-color: $pre-background-color;
}

但是，这会影响所有类型的代码段。有没有办法为特定语言使用不同的设置？

Answer 1

每种语言都有自己的类，在本例中为language-python。

要自定义python源代码，您可以为荧光笔的每个标记设置该类的css，例如自定义function标记和Punctuation：

.language-python .nf{
    background-color:red;
    color:green;
}
.language-python .p{
    background-color:blue;
    color:white;
}

该代码将为我们提供：

您可以在https://github.com/jneen/rouge/wiki/List-of-tokens看到所有的Rouge令牌。