如何将样式应用于 GitBook 中的代码块？

Question

我想更改使用 ``` 和 ` markdown 生成的代码部分的外观。

我的book.json是

{
    "styles": {
        "website": "styles/website.css"
    }
}

和我的 styles/website.css 说了我能想到的最简单的测试：

/* CSS for website */

code {
  background-color: red;
}

打开页面查看chrome的开发控制台，有代码标签等等，比如<code>runST :: (forall s. ST s a) -> a</code>，所以我不清楚是什么问题。我不太了解 CSS 并且我对 GitBook 了解不多，所以看起来我可能做错了什么。

Answer 1

在您的 CSS 文件中试试这个：

.book .book-body .page-wrapper .page-inner section.normal code {
  background-color: red;
}

gitbook生成的html使用了其他元素，其中包含code，p，div等元素，所以你得"navigate"降到这些。

Answer 2

以下是针对 <p> 和 <h1> 标签对我有用的方法：

.normal .markdown-section p
{
  //style
}

我无法对网站的 CSS 做一些事情，因为他们有任何模板（我怀疑），但我能够以这种方式进行文本转换。我希望能够更改 pdf 样式表。

事实证明，使用 book.json 中的 PDF 选项更有效。
请参阅 this link，其中详细介绍了图书的各种配置选项，包括 PDF 页面大小、字体大小和页边距。

{
"pdf": {
    "fontSize": 17,
    "margin": {
      "left": 80,
      "right": 80,
      "bottom": 60
    }
}
}

How do you apply a style to code blocks in GitBook?