How to show a preview of a post? (Using Jekyll Bootstrap theme) - jekyll

Question

This is probably an easy question, but how do I show previews of my posts on the default page? I am using the Jekyll Bootstrap theme Tom.

Answer 1

This also works at least as of 1.0.0, is built in and is simple to use.
<ul>
{% for post in site.posts %}
<li>
{{ post.title }}
<p>{{ post.excerpt }}</p>
</li>
{% endfor %}
</ul>
See here.

Answer 2

Looking through the functions here, I found strip_html and truncatewords.
Here's a sample "posts list" with 75 words of preview text.
<ul >
{% for post in site.posts limit 4 %}
<li><span>{{ post.date | date_to_string }}</span> » {{ post.title }}</li>
{{ post.content | strip_html | truncatewords:75}}<br>
Read more...<br><br>
{% endfor %}
</ul>

Answer 3

I liked the <!--more--> comment approach from WordPress, so I wrote something along those lines:
_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)
Your post would then look like this:
---
layout: post
title: "Your post title"
published: true
---
<p>This is the excerpt.</p>
<!--more-->
<p>This is the remainder of the post.</p>
You can then use it in your templates like so:
Show excerpt (everything above the <!--more--> comment):
<summary>{{ post.content | more: "excerpt" }}</summary>
Show remainder (everything after the <!--more--> comment):
<article>{{ post.content | more: "remaining" }}</article>
Any argument other than excerpt or remaining will simply show the whole post.

Answer 4

This is an old question, still would like to add a workaround for the formatting issue, as raised in #Talon876 's answer here.
At the end of each post adding closing tags like </em>,</strong> or </b> might not be so neat, but it maintains formatting while showing the excerpts.
For example:
<ul >
{% for post in site.posts limit 4 %}
<li><span>{{ post.date | date_to_string }}</span> » {{ post.title }}</li>
{{ post.content | strip_html | truncatewords:75}}
</em></strong> <!-- This is what does the task-->
<br>
Read more...<br><br>
{% endfor %}
</ul>