在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中顯示降價內容

回答

相關問題