truncate blog posts in jekyll

01-before.html

<!-- using the truncate filter -->
{% for post in site.posts limit:10 %}
   <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
   <span class="post-date">{{ post.date | date: "%B %d, %Y" }}</span>
   {% if post.content.size > 2000 %}
      {{ post.content | truncatewords: 300 }} <!-- bad! content gives you rendered html and you will truncate in the middle of a node -->
      <a href="{{ post.url }}">read more</a>
   {% else %}
      {{ post.content }}
   {% endif %}
   <hr>
{% endfor %}

02-after.html

<!-- using the split filter -->
{% for post in site.posts limit:10 %}
   <div class="post-preview">
   <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
   <span class="post-date">{{ post.date | date: "%B %d, %Y" }}</span>
   {{ post.content | split:'<!--break-->' | first }}
   {% if post.content contains '<!--break-->' %}
      <a href="{{ post.url }}">read more</a>
   {% endif %}
   </div>
   <hr>
{% endfor %}

03-post

<!-- In your posts file, put your marker wherever you want to cut off the post for the main blog page -->

---
layout: post
title: truncate example
---

Paragraph 1

Paragraph 2

<!--break-->

Paragraph 3

Paragraph 4

Really useful!

Thank you, simple yet very useful!

Thank you so much! Useful!

{{ post.content | strip_html | truncatewords: 300 }}

Useful, thanks.

Oh, thank you 😁