2

これまでのところ、jekyllを使用してindex.htmlページを作成しています。引用は次のとおりです。

---
layout: layout
title: "Posts"
---

<section class="content">
  <ul class="listing">
    {% for post in site.posts %}
    <li>
        <h1 align="center"><a href="{{ post.url }}">{{ post.title }}</a></h1>
    </li>
    {% endfor %}
  </ul>
</section>

私がやろうとしているのは、タイトルとリンクの下にある特定の投稿の最初の 25 ～ 30 語をプレビューすることです。

それについて行く最善の方法は何ですか？実際に解決策を見つけましたが、リンクを保存せず、検索に 2 日間費やしましたが、役に立ちませんでした。

ご協力ありがとうございました。

4

2 に答える 2

2

特定の量の単語を表示するだけに特化している場合は、Javascript を使用してスペースを使用してコンテンツを分割し、単語をカウントする必要があります (このようなもの)。

ただし、ほとんどの場合、プレビューのように投稿の小さなセクションを表示したいと考えています。その場合は<p>、次の CSS を使用して投稿本文を に挿入することをお勧めします。

.listing p{
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%; /* or whatever you'd like */
}

デモ

これにより、幅の最後に省略記号が表示され、テキストがきちんとプレビューされます。

于 2013-05-17T21:03:43.660 に答える
1

jekyll の最新バージョンである 1.0.x は、post.excerpt投稿の最初の段落で構成されるすべての投稿に変数を提供します。投稿をプレビューするために非常に安全に使用できます。

詳細については、 https://gist.github.com/benbalter/5555369を参照してください。

于 2013-05-18T13:35:56.340 に答える