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 docs on whitespace。在这种情况下，您应该可以使用~ operator代替=来修复它：

%section.content.main_content
~ yield

Answer 2

我觉得这是HAML。看起来它正试图为你解释和缩进。

你有：丑陋的输出吗？

另外，您是否为预标签设置了以下内容？：

pre { white-space:pre }

编辑：找到可能有用的Markdown Line Breaks in Code Blocks

使用HAML标记代码缩进

2 个答案: