使用HAML标记代码缩进

Question

自昨天以来,我一直在寻找答案,我很难过为什么会发生......

我们通过标准HAML模板(我们使用优秀的静态站点生成器Middleman构建,FYI)和Redcarpet来解析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上看到完整的源代码,请告诉我.

Answer 1

看一下关于空白的Haml文档.在这种情况下,您应该能够使用~运算符而不是=:

%section.content.main_content
~ yield