Question

我想改变使用```和`markdown。

生成的代码段的外观

我的book.json是

| CookieAttr |  Color | CookieValue |
|------------|--------|-------------|
|  Choc-Chip | Orange |        1200 |
|      Dough | Purple |         500 |

和我的styles / website.css谈到我可以提出的最简单的测试方法：

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

但我的GitBook代码块没有红色背景：https://lokathor.gitbooks.io/haskell-stuff/content/general/using_st.html

当我打开页面并查看chrome的开发控制台时，会有代码标记等，例如/* CSS for website */ code { background-color: red; }，所以我不清楚错误是什么。我不太了解CSS而且我对GitBook知之甚少，所以看起来我可能做错了什么。

Answer 1

在CSS文件中尝试此操作：

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

gitbook生成的html使用其他元素，其中包含代码，p，div等元素，因此你必须＆＃34;导航＆＃34;到这些。

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
    }
}
}

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

2 个答案: