Question

由于没有一种方法可以在Markdown中使用列进行本地编写，因此我自然会使用HTML / CSS来处理我正在处理的网站。

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

此外，包含我的列的<div>块实际上没有高度。＆＃34;段落＆＃34;直接穿过页脚。现在，这里有一些明显的黑客行为，例如内联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

我的评论：

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

希望这能解决你的问题，并帮助你理解杰基尔（结构）。

Answer 2

总而言之，这是我到达的解决方案。我没有意识到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 I使用的具体类型，因为这不是一个通用的解决方案。

Markdown不喜欢HTML / CSS专栏吗？

2 个答案: