hugo-geekblog/layouts/_default/single.html

{{ define "main" }}
    <article class="gblog-post">
        <header class="gblog-post__header">
            {{ $source := ($.Resources.ByType "image").GetMatch "{*feature*,*cover*,*thumbnail*}" }}
            {{ with $source }}
            <div class="gblog-post__feature">
                <picture>
                    {{ $featured := .Fill (printf "910x280 %s" (default "Smart" .Params.anchor)) }}
                    <source srcset="{{ $featured.Permalink }}">
                    <img src="{{ $featured.Permalink }}" alt="{{ default $.Title .Params.description }}" >
                </picture>
                {{ with $source.Params.credits }}
                <span>Credits: {{ . | markdownify | safeHTML }}</span>
                {{ end }}
            </div>
            {{ end }}

            <h1>{{ partial "title" . }}</h1>
        </header>

        <section class="gblog-markdown">
            {{ partial "content" . }}
        </section>
    </article>
{{ end }}