1

这是stackoverflow的markdown代码效果：

Code from stackoverflow
Nearly no extra space at the beginning

这是gitbook的markdown代码效果：在此处输入图像描述

开头的多余空格让我感到困惑。所以我决定自己改。

我做了：

cd /usr/local/lib/node_modules/gitbook/theme/stylesheets/base
vim markdown.less

其中有一个代码块，如下所示：

code {
    padding: 0;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin: 0;
    font-size: 85%;
    background-color: #f7f7f7;
    border-radius: 3px;
}

我改变了font-sizeto385%和border-radiusto 0px。我git serve .之前重启了我的gitbook服务器，但是代码效果并没有改变。

code我在主题目录中得到了这些带有关键字的文件，我应该修改哪些？

.//assets/app.js
.//assets/fonts/fontawesome/fontawesome-webfont.svg
.//assets/fonts/fontawesome/fontawesome-webfont.ttf
.//assets/fonts/fontawesome/FontAwesome.otf
.//assets/print.css
.//assets/style.css
.//javascript/utils/sharing.js
.//stylesheets/base/markdown.less
.//stylesheets/base/normalize.less
.//stylesheets/website/highlight/night.less
.//stylesheets/website/highlight/white.less
.//stylesheets/website/markdown.less
.//templates/book/includes/exercise.html
.//templates/ebook/includes/exercise.html

我还应该做什么？

4

2 回答 2

1

这应该是一个评论，但你不能在评论中摆弄。

正如您在下面看到的，您提供的样式信息不包括您要更改的样式，您在某处遗漏了一些重要信息。
您包含的代码显示在左侧，您描述的问题在右侧。

code {
    padding: 0;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin: 0;
    font-size: 85%;
    background-color: #f7f7f7;
    border-radius: 3px;
}

.described {
    padding: 20px;
}
<code>fprintf(...);</code>
<code class="described">fprintf(...);</code>

于 2015-02-05T08:50:19.397 回答
0

要覆盖 Gitbook 默认样式，请在 gitbook 项目的根目录中创建一个名为“styles/website.css”的文件。

编辑book.json文件并添加以下内容以定义您自己的自定义样式的来源

{
    "styles": {
        "website": "styles/website.css",
        "ebook": "styles/ebook.css",
        "pdf": "styles/pdf.css",
        "mobi": "styles/mobi.css",
        "epub": "styles/epub.css"
    }
}

此文件中的任何内容都将覆盖 Gitbook 样式（如果名称正确的话）。

然后找出您希望应用的 html 元素的名称或更改样式以使用浏览器检查器。在浏览器中打开您的 Gitbook 项目并右键单击代码块，这会弹出一个带有 Inspect 或 Inspect Element 的菜单。

更改样式时需要重新启动gitbook serve，因为它仅在启动时读取styles/website.css文件。

我定义的覆盖 Gitbook 的样式可以在这个 Github Gist 中看到

https://gist.github.com/jr0cket/9cc41eb9dd0b6c6d091831be43fa3e42

这些罐头样式的结果可以在以下位置看到：

https://practicalli.github.io/clojure/basic-clojure/

谢谢

于 2016-07-27T13:25:35.440 回答