How to Show Most Recent Posts in Hugo

Published: 2024-02-04 | Updated: 2024-05-16
Posts Enable a Site in Nginx Docker Disk Maintenance One-Command PiHole Update Boilerplate Nginx Config File Certbot TLS with Nginx Domain Validation Challenges with Certbot List In-Use Docker Ports Hugo Static vs Assets Folders Hugo Docker Development Environment Golang Slugify Function Hugo Remove List Duplicates Loop Variable Captured by Func Literal Golang Friendly Date Converter Hugo Install on MacOS One-Liner to Update PiHole Page Folder Name Google Tags to Hugo Site Debounced Scroll-To-Top Button Hugo Custom 404 Page Reboot or Power Down Ubuntu System Apache Cheatsheet Ubuntu Apache Global Servername Customize Hugo Page Type Hugo Most Recent Posts Hugo Most Recently Updated Posts Digital Certificates with Certbot Site Content Best Practices Ubuntu Certbot Install Sample Apache vhost.conf

This site’s home page features my most recent 5 posts. This the template logic that makes it happen.

<section class="recent-posts">
{{ range (where site.RegularPages "Type" "posts").ByDate.Reverse | first 5 }}
  <div class="post">
    <h2>
      <a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>
    </h2>
    <p class="date">
      {{ .Date.Format "2006-01-02" }}
    </p>
    <div>
      {{ .Description }}
    </div>
  </div>
{{end }}
</section>
hugo template