从昨天开始,我一直在寻找答案,我很困惑为什么会发生......
我们通过标准的 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 上查看完整的源代码,请告诉我。