3

私は昨日からこれに対する答えを探していましたが、なぜ起こっているのか困惑しています...

標準の HAML テンプレート (ビルドには優れた静的サイト ジェネレーター Middleman を使用しています、参考までに) と Redcarpet を使用して Markdown を解析することで、Markdown コンテンツを提供しています。

コード ブロックを除いて、Markdown 出力に関してはすべてが期待どおりに機能しています。

layout.haml
(ファイルの一部のみ、単純な=yield. これ%sectionは HAML ファイル内の 6 つのスペースを意図しています):

%section.content.main_content
  = yield

index.html.md
(コード ブロック コードを示す、ファイルの一部のみ)

### Header Level 3
Here's some code:

    $total-columns  : 12;
    $column-width   : 4em;
    $gutter-width   : 1em;
    $grid-padding   : $gutter-width;

ただし、出力は期待したものではなく、何かがインデントをいじっています。HAML が原因なのか、それとも正確に何が原因なのかはわかりません。

これはブラウザ出力のスクリーンショットです: http://bit.ly/JvjTYo

これは Chrome Developer Rools の DOM のスクリーンショットです: http://bit.ly/JWprGO

私たちはいくつかの異なる方法を試しました。どんな助けも大歓迎です。GitHub で完全なソースを見たい場合は、お知らせください。

4

2 に答える 2

6

空白に関するHamlドキュメントをご覧ください。この場合、次の代わりに~演算子を使用して修正できるはず=です。

%section.content.main_content
~ yield
于 2012-05-10T01:15:40.707 に答える
0

これはHAMLだと感じています。解釈してインデントしようとしているようです。

:ugly 出力をオンにしていますか?

また、事前タグに以下の設定はありますか?:

pre { white-space:pre }

編集:このMarkdown Line Breaks in Code Blocksを見つけて、役立つかもしれません

于 2012-05-10T01:02:58.363 に答える