将代码与Jekyll中的内容分开

Question

我正在使用Jekyll重新开发我的博客，而且我对代码块感到困惑。

我已经在.highlight div中渲染了它们，但我希望其余内容包含在.content div中。这有点难以解释所以我会告诉你。

这是我得到的：

<article>
    <h1>Title</h1>
    <p>Lorem ipsum dolor sit amet.</p>
    <div class="highlight">
        <pre><code>
        // Code example
        </code></pre>
    </div>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate, at.</p>
</article>

这是我想要的：

<article>
    <div class="content">
        <h1>Title</h1>
        <p>Lorem ipsum dolor sit amet.</p>
    </div>
    <div class="highlight">
        <pre><code>
        // Code example
        </code></pre>
    </div>
    <div class="content">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate, at.</p>
    </div>
</article>

我知道这是可能的，因为它是been done before，我只是无法弄清楚如何。我可以将这些类作为HTML放在markdown文件中，但这感觉有些笨拙。