index shows full posts not except

[spsharman]

How do I stop the index displaying the entire post? I just want to show an excerpt - for example the first paragraph - thanks

[Purpzie]

I got it working after following this tutorial.

1. Put the following in index.html instead of {{ post.content }}:

{{ post.excerpt }}
<!-- Whether or not to display the "read more" button -->
{% capture content_words %}{{ post.content | number_of_words }}{% endcapture %} 
{% capture excerpt_words %}{{ post.excerpt | number_of_words }}{% endcapture %} 
{% if excerpt_words != content_words %}
<a href="{{ post.url }}#read-more" class="btn btn-info">Read More</a>
{% endif %}

2. Then, instead of just {{ content }} in your _layouts/post.html you should put:

{{ content | replace: '{{ site.excerpt_separator }}', '<a class="anchor" id="read-more"></a>' }}

3. Then add this to _sass/elements.html:

 a.anchor{
    display: block;
    position: relative;
    top: -99px;
    visibility: hidden;
 }

4. Finally, all you need to do is specify in _config.yml what you'll use to separate the excerpt from the rest of the content. Personally, this is what I use.

excerpt_separator: "<!--break-->"

If you want to override the excerpt entirely, specify the excerpt option in a post's YAML front matter and it will be used instead.

[mikaelkrief]

@Purpzie Thanks for the solution, That works fine !!!!!

[justin-vanwinkle]

@Purpzie Thanks for sharing. I don't believe the post.html and sass changes are necessary -- what was the intention with those?

Only making the change to index.html and _config.yml will do the trick for this.