1

これは、stackoverflow のマークダウン コード効果です。

Code from stackoverflow
Nearly no extra space at the beginning

そして、これは gitbook のマークダウン コード効果です。ここに画像の説明を入力

冒頭の余分な空白は、私にとって混乱を招きます。なので自分で変えることにしました。

やった：

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-sizeました。以前は gitbook サーバーを再起動していましたが、コードの効果は変わりませんでした。385%border-radius0pxgit serve .

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

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 プロジェクトを開き、コード ブロックを右クリックすると、[検査] または [要素の検査] のメニューが表示されます。

起動時にファイルをgitbook serve読み取るだけなので、スタイルを変更するときは再起動する必要があります。styles/website.css

Gitbook のスタイルをオーバーライドするために定義したスタイルは、この Github Gist で確認できます。

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

これらの can スタイルの結果は、次の場所で確認できます。

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

ありがとうございました

于 2016-07-27T13:25:35.440 に答える