Asciidocの役割とgitbook

Question

私はAsciiDoc（Win10x64、NodeJS 6.9.1とGitbook v3.2.2を実行しています）でGitbookを使用しようとしています。 、私はノードパッケージをチェックしましたgitbookは、順番にasciidoctor.jsに依存gitbook-asciidocに依存 -

The Gitbook documentation says AsciiDocはAsciiDoctor documentationへv2.0.0デベロッパーとのリンクからサポートされています。

ドキュメントによれば、AsciiDocロールを使用してイメージと表の両方をスタイルすることができます。これらのクラスは、HTML要素に適用されるクラスを指します。これらのクラスは、デフォルトのAsciiDoctorシートに定義されています。

しかし、イメージ（例えば、[.text-center]省略形または[role="text-center"]）にどのように役割を適用しようとしても、期待される出力（つまり、イメージを水平に中央に配置）は得られません。

私のブラウザで出力を調べると、クラスはHTML要素に適用されていますが、一致するCSSルールはないことがわかります -

ここで、AsciiDoctorの役割とスタイルシートについて私は何が分かりませんか？

EDIT：asciidoctor.jsはdevDependencyがgitbookであり、実際にはgitbookと一緒にインストールされません。 align="center"はAsciiDoc documentationに記載されていますが、テーブルスタイリング（少なくともframe="none"とgrid="none"以上）のような他の機能はgitbookでは動作しません。

あなたはGitBookでAsciiDoc構文を使用すると、それがサポートされていない場合、私はまだ...戻っAsciiDoctorの1に

Answer 1

を理由Gitbookのドキュメントへのリンクを得ることはありません、AsciiDoctorはHTMLにAsciiDoc構文を変換するために使用されます。その後、AsciiDoctorテーマではなくGitBookテーマを使用しているため、HTMLはGitBook CSSを使用します。つまり、デフォルトのAsciiDoctorスタイリングは得られません。

GitBookに独自のスタイルを追加するのは簡単です。あなたのbook.jsonでは、追加のスタイルシートを指定します。

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

その後、それはあなたが使用したいCSSスタイルを含むようにstyles/mystyles.cssを作成します。

.text-center { 
    text-align: center; 
} 

をあなたはstyles/mystyles.cssにAsciiDoctorスタイルシートからスタイルをコピーすることができますあなたが使用しているGitBookテーマ内で動作するスタイルとクラスを調整する準備ができていることを確認してください。