在 div 中显示降价内容

Question

我正在创建一个简单的个人网站（使用 jekyll），"About Me" 页面出现问题。网站的每个页面（包括相关的关于我的页面）顶部都有一个页眉，底部有一个页脚。在"About Me"页面中，我希望中间的内容部分垂直分割，左边是一些文字，右边是我的图片。

为此，我的 "about-me.html" 有以下两个 div：

<div class='about_content' id='about_left'>
    ...
</div>

和

<div class='about_content' id='about_right'>
    <span style="margin:0 10px; float:right">
        <a href="/assets/picture.jpg" title="Gautam">
            <img src="/assets/picture.jpg" width="240" height="320" alt="Gautam"/>
        </a>
    </span>
</div>

我想显示的关于我的文本在一个名为 "about-me.md" 的降价文件中，但我在上面定义的 "about_left" div 中显示这些内容的所有尝试都有失败:(

我的一个选择是不对关于我的文本使用 markdown，而是在 "about_left" div 中直接写 HTML。我不喜欢这个选项。

另一种选择是完全不使用 "about-me.html" 文件，而是按照 this answer 中的建议在 "about-me.md" 中嵌入图像标签。这种作品，但文本和图像不在单独的 div 中；由于文本在图像下方延伸 -> 我想避免的事情。

有没有办法让我的 "about-me.html" 文件保留两个 div，但仍然在 "about_left" 中显示我的 "about-me.md" 文件中的文本div?

Answer 1

您可以在 HTML 文件中执行类似的操作，您希望在其中显示 Markdown 文件的内容：

{% capture about %}{% include about-me.md %}{% endcapture %}
{{ about | markdownify }}

在 div 中显示降价内容

showing markdown content in a div

html

jekyll