2017-05-04 11 views
0

私はジキルとブログを構築しています。私のデザインでは、ポスト・コンテンツの一部をページの片側に表示し、残りの部分をページの反対側に表示したいと考えています。私はJekyllの抜粋関数を使ってみましたが、これは動作しますが、投稿の主な内容を抜粋したものです。だから、それは私が望むものではない、二度現れている。ジキル(Jekyll) - マークダウンのコンテンツをセクションに分ける?

だから、基本的に投稿内容を2つのセクションに分けたいと思っています。それは可能ですか?

例値引き

--- 
--- 

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Cras facilisis, ligula id sodales dignissim, ligula felis maximus metus, 
nec malesuada odio ipsum ut mi. 
<!--excerpt --> 

Quisque suscipit condimentum nisi sed ornare. 
Ut dictum id massa et finibus. 
Donec ut consequat massa. Aenean eget mauris quam. Sed ornare auctor sapien fringilla condimentum. 

HTML

<div class="excerpt"> 
       <h3>Recipe</h3> 
       {{ page.excerpt }} 
      </div> 
      </row> 
     </div> 
     </div> 
     <div class="col-lg-6 col-sm-12 right split-cols"> 
      <div class="content"> 
      <header class="major"> 
      <h2>{{ page.title }}</h2> 
      </header> 
      {{ content }} 
     </div> 

答えて

0

はい、それはそれがexcerpt変数の使用目的ではないが、可能であるが、この場合、液体フィルターを用いて達成することができますremove_firstフィルター。

文字列から最初に現れる部分文字列のみを削除します。

だから我々は、ページの抜粋があります:{{ content|remove_first: page.excerpt }}:他のセクション最初の段落をフィルタリング、コンテンツの残りの部分で{{ page.excerpt }}

そしてを。あなたは前付に変数として抜粋を置くことも検討すべきであるし、その使用が単純になり

<div class="excerpt"> 
    <h3>Recipe</h3> 
    {{ page.excerpt }} 
</div> 
      </row> 
    </div> 
    </div> 
    <div class="col-lg-6 col-sm-12 right split-cols"> 
     <div class="content"> 
      <header class="major"> 
       <h2>{{ page.title }}</h2> 
      </header> 
      {{content|remove_first: page.excerpt}} 
     </div> 

レイアウトは次のようになります。