css - 如何将样式应用于 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，所以看起来我可能做错了什么。

score 1 · Accepted Answer

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

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

gitbook 生成的 html 使用了其他元素，其中包含 code、p、div 等元素，因此您必须“导航”到这些元素。

score 0 · Accepted Answer

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

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

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

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

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

2 回答 2