Showing latest post on home page with Jekyll

index.html

---
layout: default
---

<div class="blog-index">  
  {% assign post = site.posts.first %}
  {% assign content = post.content %}
  {% include post_detail.html %}
</div>

post_detail.html

<h1 class="entry-title">
{% if page.title %}
    <a href="{{ root_url }}{{ page.url }}">{{ page.title }}</a>
{% endif %}
{% if post.title %}
    <a href="{{ root_url }}{{ post.url }}">{{ post.title }}</a>
{% endif %}
</h1>
<div class="entry-content">{{ content }}</div>

🍻 what he said ^^

Since this is still a topic of interest several years later, it's probably worth mentioning the Jekyll Bootstrap docs.

Awesome hack!

Works! Thank you so much.

Works like a charm. Thanks!

Hi there, I know I'm a bit late, but thanks! Just what I was looking for.

many thanks buddy!

Thanks! this helped me understand Jekyll and get started with some templating...

Thank you. Just what I was looking for. Even after so many years.

Thanks a lot. I just needed a simple link to the latest post and reading your stuff helped me.

Just FYI for others: <a href="{{site.posts.first.url}}">{{site.posts.first.title}}</a>

I know this is a bit late, but now how do you show the rest of your posts if you're using pagination? I know an easy way would be to do offset:1, but with pagination this offsets the first post on each page, which is not what I want. Is there a way to use assign, i.e. {% assign remainingposts = site.posts offset:1 %} or something like that?

I just added this into _layouts/home.html . Works like a charm.