如何显示帖子的预览？(使用Jekyll Bootstrap主题)

Question

这可能是一个简单的问题,但如何在默认页面上显示我的帖子的预览？我正在使用Jekyll Bootstrap主题Tom.

Answer 1

通过这里的函数,我找到了strip_html和truncatewords.

这是一个包含75个预览文字的"帖子列表"示例.

<ul >
    {% for post in site.posts limit 4 %}
    <li><span>{{ post.date | date_to_string }}</span> &raquo; <a href="{{ BASE_PATH }}{{ post.url }}">{{ post.title }}</a></li>
        {{ post.content | strip_html | truncatewords:75}}<br>
            <a href="{{ post.url }}">Read more...</a><br><br>
    {% endfor %}
</ul>

Answer 2

这也至少可以用于1.0.0,内置并且易于使用.

<ul>
  {% for post in site.posts %}
    <li>
      <a href="{{ post.url }}">{{ post.title }}</a>
      <p>{{ post.excerpt }}</p>
    </li>
  {% endfor %}
</ul>

看到这里.

Answer 3

我喜欢<!--more-->WordPress 的评论方法,所以我写了一些东西:

_plugins/more.rb:

module More
    def more(input, type)
        if input.include? "<!--more-->"
            if type == "excerpt"
                input.split("<!--more-->").first
            elsif type == "remaining"
                input.split("<!--more-->").last
            else
                input
            end
        else
            input
        end
    end
end

Liquid::Template.register_filter(More)

你的帖子看起来像这样:

---
layout: post
title: "Your post title"
published: true
---
<p>This is the excerpt.</p>
<!--more-->
<p>This is the remainder of the post.</p>

然后,您可以在模板中使用它,如下所示:

显示摘录(<!--more-->评论上方的所有内容):

<summary>{{ post.content | more: "excerpt" }}</summary>

显示余数(<!--more-->评论后的所有内容):

<article>{{ post.content | more: "remaining" }}</article>

除了excerpt或remaining将只显示整个帖子的任何论点.