Question

我正在创建一个简单的个人网站（使用jekyll），我在＆＃34;关于我＆＃34;页。网站的每个页面（包括相关的about-me页面）顶部都有一个标题，底部有一个页脚。在＆＃34;关于我＆＃34;页面，我希望中间内容部分垂直分割，左边是一些文字，右边是我的图片。

要做到这一点，我的＆＃34; about-me.html＆＃34;有以下两个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文本位于名为＆＃34; about-me.md＆＃34;的降价文件中，但我尝试在＆＃34; about_left＆＃34;中显示这些内容。上面定义的div失败了：（

我可以选择不使用markdown作为about-me文本，而是在＆＃34; about_left＆＃34;中使用简单的HTML。 DIV。我不喜欢这个选项。

另一种选择是不使用＆＃34; about-me.html＆＃34;文件，但在＃34; about-me.md＆＃34;内嵌了一个图像标签。正如this answer中所建议的那样。这种作品，但文字和图像不是在单独的div中;由于文本在图像下延伸 - ＆gt;我想避免的事情。

有没有办法让我保持我的＆＃34; about-me.html＆＃34;文件有两个div，但仍显示我的＆＃34; about-me.md＆＃34;文件内的＆＃34; about_left＆＃34; DIV？

Answer 1

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

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

在div中显示降价内容

1 个答案: