在div中显示降价内容

我正在创建一个简单的个人网站（使用jekyll），并且在“关于我”页面中有问题。网站的每一页（包括相关的关于我的页面）的顶部都有一个标题，底部有一个页脚。在“关于我”页面中，我希望将中间内容部分垂直分割，左侧有一些文字，右侧是我的照片。在div中显示降价内容

为了实现这个目标，我的“关于-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>

，我想展示的约，我的文字是在markdown文件名为“about-me.md”，但是我所有试图在上面定义的“about_left”div中显示这些内容的尝试都失败了:(

一个选项是我不使用markdown来处理about-me文本，但是instea d在“about_left”div中写入纯HTML。我不喜欢这个选项。

另一种选择是根本不使用“about-me.html”文件，而是像this answer中建议的那样在“about-me.md”中嵌入图像标签。这类作品，但文字和图像，然后不在单独的div;由于该文本在图像下延伸 - >我想避免的东西。

有没有一种方法让我保留两个div的“about-me.html”文件，但仍然显示“about_left”div内的“about-me.md”文件中的文本？

来源

2015-01-04 Gautam

那''需要某种形式的可访问文本内容。出于同样的原因，“”需要替换文本。向''添加像'alt ='Gautam'肖像'这样的东西解决了这两个问题。 – danielnixon

你可以做这样的事情在你想要的降价文件的内容，以显示你的HTML文件：

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

来源

2015-01-04 23:59:41 mxpln

有了这个，我做了'jekyll serve'时出现以下错误：液体异常：错误的参数类型nil（期望的字符串）在about-me.html中 jekyll 2.4.0 |错误：错误的参数类型nil（期望的字符串）任何线索？ – Gautam

尝试删除连字符，如果它是'捕获约文本' – mxpln

是的，它是变量名中的连字符:)谢谢！ – Gautam

在div中显示降价内容

回答

相关问题