3

``` と `markdown を使用して生成されたコード セクションの外観を変更したい。

私の book.json は

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

そして私の styles/website.css は、私がテストするために思いついた最も簡単なことについて述べています:

/* CSS for website */

code {
  background-color: red;
}

しかし、私の GitBook コード ブロックには赤い背景がありません: https://lokathor.gitbooks.io/haskell-stuff/content/general/using_st.html

ページを開いてchromeのdev consoleを見てみると、 などのコードタグがあり、<code>runST :: (forall s. ST s a) -&gt; a</code>何が悪いのかよくわかりません。私は CSS をよく知らないし、GitBook もよく知らないので、何か間違ったことをしている可能性があるように思えます。

4

2 に答える 2

1

CSSファイルでこれを試してください：

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

gitbook によって生成された html は、code、p、div などの要素を含む他の要素を使用するため、これらに「移動」する必要があります。

于 2016-04-18T12:57:43.367 に答える
0

<p>と<h1>タグをターゲットにするために私が働いたのは次のとおりです。

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

テンプレートが配置されているため (おそらく)、Web サイトの CSS に対していくつかのことを行うことができませんでしたが、その方法でテキスト変換を行うことができました。PDFスタイルシートを変更できることを望んでいます。

で PDF オプションを使用するbook.jsonと、はるかに効果的であることがわかりました。PDF ページ サイズ、フォント サイズ、余白など、ブックのさまざまな構成オプションについて詳しく説明しているこのリンク
を 参照してください。

{
"pdf": {
    "fontSize": 17,
    "margin": {
      "left": 80,
      "right": 80,
      "bottom": 60
    }
}
}
于 2017-01-05T19:23:11.313 に答える