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

查看有关 whitespace 的 Haml 文档。在这种情况下,您应该能够使用~运算符而不是=

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

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

你有 :ugly 输出吗?

另外,您是否为您的预标签设置了以下内容?:

pre { white-space:pre }

编辑:在代码块中找到这个Markdown 换行符,这可能会有所帮助

于 2012-05-10T01:02:58.363 回答