# Thumbnail images for / per post in the (posts) list views

**URL:** <https://discourse.gohugo.io/t/thumbnail-images-for-per-post-in-the-posts-list-views/54994>\
**Category:** support\
**Created:** [June 5, 2025, 5:53pm UTC](https://discourse.gohugo.io/t/thumbnail-images-for-per-post-in-the-posts-list-views/54994 "2025-06-05T17:53:29Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![swehrend](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/swehrend/32/22923_2.png) [@swehrend](https://discourse.gohugo.io/u/swehrend)\
**Post date:** [June 5, 2025, 5:53pm UTC](https://discourse.gohugo.io/t/thumbnail-images-for-per-post-in-the-posts-list-views/54994/1 "2025-06-05T17:53:29Z")

</div>

Hi Hugo-Users,

I have and idea for a feature I’d like to have / realize: Allowing posts in the list to be showing thumbnail images of embedded images in the posts list view.  
That probably eases distinction between different post, but formost is better to look at instead of broken links…

 ![hugo-posts-list-view](https://canada1.discourse-cdn.com/flex036/uploads/gohugo/original/3X/f/f/ffe5fd08aa8c3a2bc9f68fc1e5a8842114b26fc4.png)

Link to my website repo: **[strong text](https://github.com/wehrend/wehrend.github.io)**

I started out with some code like this ( posts list view of the hugo-book theme) :

```auto
{{ define "main" }}

  {{ range sort .Paginator.Pages }}
  <article class="markdown book-post">
    <h2>
      <a href="{{ .RelPermalink }}">{{ partial "docs/title.html" . }}</a>
    </h2>
    {{ partial "docs/post-meta" . }}

    {{ $images := .Resources.ByType "image" }}
    {{ if gt (len $images) 0 }}
      <div class="thumbnails">
        {{ range first 2 $images }}
          {{ $thumb := .Fit "200x200" }}
          <img src="{{ $thumb.RelPermalink }}" alt="Thumbnail for {{ $.Title }}">
        {{ end }}
      </div>
    {{ end }}

    <p>
      {{- .Summary -}}
      {{ if .Truncated }}
        <a href="{{ .RelPermalink }}">...</a>
      {{ end }}
    </p>
  </article>
  {{ end }}

  {{ template "_internal/pagination.html" . }}
{{ end }}

{{ define "toc" }}
  {{ partial "docs/taxonomy" . }}
{{ end }}

```

---

<div class="post-metadata">

**Author:** ![jmooring](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/jmooring/32/4214_2.png) [@jmooring](https://discourse.gohugo.io/u/jmooring)\
**Post date:** [June 5, 2025, 6:27pm UTC](https://discourse.gohugo.io/t/thumbnail-images-for-per-post-in-the-posts-list-views/54994/2 "2025-06-05T18:27:48Z")

</div>

You are trying to access the page resources for the post, but the post doesn’t have any page resources due to your file naming.

No:

```plaintext
content/
└── en/
    └── posts/
        └── synth/
            └── 33-simulate-nlc-sloth/
                ├── 33_simulate_nlc_sloth.adoc
                ├── sloth.asc
                ├── sloth_circuit.png
                └── sloth_simulation.png

```

Yes:

```plaintext
content/
└── en/
    └── posts/
        └── synth/
            └── 33-simulate-nlc-sloth/
                ├── index.adoc
                ├── sloth.asc
                ├── sloth_circuit.png
                └── sloth_simulation.png

```

---

<div class="post-metadata">

**Author:** ![swehrend](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/swehrend/32/22923_2.png) [@swehrend](https://discourse.gohugo.io/u/swehrend)\
**Post date:** [June 5, 2025, 6:40pm UTC](https://discourse.gohugo.io/t/thumbnail-images-for-per-post-in-the-posts-list-views/54994/3 "2025-06-05T18:40:20Z")

</div>

Apologies please, I have this fixed in the branch fix/page-bundles.  
Do I need to move this / merge this with the main branch?

---

<div class="post-metadata">

**Author:** ![jmooring](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/jmooring/32/4214_2.png) [@jmooring](https://discourse.gohugo.io/u/jmooring)\
**Post date:** [June 5, 2025, 6:42pm UTC](https://discourse.gohugo.io/t/thumbnail-images-for-per-post-in-the-posts-list-views/54994/4 "2025-06-05T18:42:07Z")

</div>

That depends on the branch from which you are building the site.