ruby - 两列 Jekyll 布局，由标签分隔？

Question

我目前正在写一个 Jekyll 博客，我想将我的 Markdown 文件放在这种格式中:

<div class="row">
    <div class="col-md-6">

    </div>
    <div class="col-md-6">

    </div>
</div>

我希望我的代码块在一栏中，其他所有内容(文本、标题等)在另一栏中，这样我就可以对我的代码进行并排解释。

有什么办法吗？似乎 Markdown 和 Liquid 模板引擎在这方面非常严格。

谢谢!

Answer 1

您可以通过将 Twitter Bootstrap 与模板引擎相结合来获得所需的结果:

<div class="row">
    <div class="col-md-6">
        {{ include-code-blocks }}
    </div>
    <div class="col-md-6">
        {{ include-texts }}
        {{ include-headers }}
        {{ include-what-you-want }}
    </div>
</div>

或者您通过在 html block 中启用 Markdown 处理来内联编写它们:

# Apply this change to _config.yml file
kramdown:
  # parse markdown inside block-level HTML tag
  parse_block_html: true

并在 Markdown 文件中使用它:

<div class="row">
    <div class="col-md-6">
        **some code block here**
        **another code block here**
    </div>
    <div class="col-md-6">
        **some text here**
        ##some header here
        ###something else here
    </div>
</div>

关于 Markdown 语法的信息: https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet 关于 Jekyll Markdown 处理器的信息:http://kramdown.gettalong.org/documentation.html