Markdown 不喜欢 HTML/CSS 列？

Question

由于没有办法在 Markdown 中以本地方式编写列，我自然而然地转向 HTML/CSS 我正在开发的网站。

阅读 this 问题后，我实现了我的专栏，并加入了一些段落。但是，我注意到在本地重新生成我的网站时，这些段落已被分成单个文本块（即所有格式包括换行符已被删除）。

此外，包含我的专栏的 <div> 块几乎没有高度。 "paragraphs" 运行直接穿过页脚。现在，这里有一些明显的技巧，比如内联 style="height: 600px;" 和在我想要换行的地方添加文字 <br> 标签，但这违背了使用 Markdown 转换器的目的。

[comment]: <> (This is in a .md file.)
<div id="column1" style="float:left; margin:0; width:33%;">
    small left column in Markdown format
</div>

<div id="column2" style="float:left; margin:0; width:67%;">
    long right column in Markdown format that goes past footer...
</div>

有人可以帮助我了解问题的根源吗？

Answer 1

综上所述，这就是我得出的解决方案。我没有意识到 kramdown 在 HTML 块中有自己的处理 Markdown 的方式。

<div style="overflow: hidden">
    <div id="column1" style="float:left; margin:0; width:33%;" markdown="1">
    small left column in Markdown format
    </div>

    <div id="column2" style="float:left; margin:0; width:67%;" markdown="1">
    long right column in Markdown format happily complying
    </div>
</div>

我编辑了问题的标签以反映我正在使用的特定类型的 Markdown，因为这不是一个通用的解决方案。

Answer 2

我的备注：

您正在将布局 (HTML) 放入内容（.md 文件）中。那不是很漂亮。 Markdown 文件最好只包含 markdown 和 yml。布局是 html 文件，最好只包含 html 和液体 (source)。因为你有一个小的左列和一个大的右列，我会选择为左列创建一个 yml 变量并使用右列的内容。
您的文本运行通过页脚是一个常规 CSS 问题。对此的修复称为 clearfix。这与 Markdown（或 Markdown 类型）完全无关。
如果您想将 Markdown 换行符转换为换行符，您应该告诉 Liquid（在您的布局中）这样做 (manual)。

希望这能解决您的问题并帮助您一路理解 Jekyll（的结构）。

Markdown 不喜欢 HTML/CSS 列？

Markdown doesn't like HTML/CSS columns?

html

css

jekyll

kramdown