使用HAML进行Markdown代码缩进

Question

我昨天开始就一直在寻找答案，但我仍然不知道为什么会发生这种情况...

我们通过标准的HAML模板（我们使用了出色的静态网站生成器Middleman来构建）传递Markdown内容，并使用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上查看完整源代码，请告诉我。

- Danny Palmer

---

从外观上看，您发布了两个相同的链接到您的截图。 - al3xnull

非常抱歉，这个问题已经被修复了。 - Danny Palmer

Answer 1

请查看Haml文档中关于空格的部分。在这种情况下，您应该能够通过使用~运算符而不是=来修复它：

%section.content.main_content
~ yield

- matt

---

谢谢@matt。这个完全按照预期工作，而且不需要使用:ugly输出。我以前从未听说过那个运算符，希望这能帮助其他将HAML与其他空格敏感标记组合的人。 - Danny Palmer

Answer 2

我有一种感觉这是HAML。它似乎试图为您解释和缩进。

你有 :ugly output 吗？

此外，您的 pre 标签是否设置如下：

pre { white-space:pre }

编辑：发现这个代码块中的Markdown换行可能有所帮助

- al3xnull

---

丑陋的输出起了作用（这太糟糕了，因为我喜欢一个漂亮缩进的源代码）。谢谢！ - Danny Palmer

没问题！丹尼，我不熟悉Middleman，但是如果它运行开发服务器来设置:丑陋的设置，您可以尝试设置特定于环境的变量。我也不确定Slim是否比HAML更好地处理空格。只是一些思考的食物。 - al3xnull

Silm肯定会用，但我是一个HAML的人。 :) 如果你需要开发静态网站，但仍然想要Ruby on Rails工作流程，请尝试使用Middleman。它非常出色。 - Danny Palmer