Este post é uma page bundle: a pasta content/posts/primeiro-post/ contém index.md e a imagem capa.jpg que pertence a ele. A imagem é publicada junto com o post, em /posts/primeiro-post/capa.jpg.

Imagem redimensionada pelo Hugo

Além do shortcode figure, o Hugo processa imagens de verdade: redimensiona, converte para WebP e gera srcset. É o que este bloco faz — você escreve o caminho do recurso e ele cuida do resto.

{{ $img := .Resources.Get "capa.jpg" }}
{{ $wide := $img.Resize "1200x webp q82" }}
<img src="{{ $wide.RelPermalink }}" width="{{ $wide.Width }}" height="{{ $wide.Height }}" alt="Capa">

O que mais funciona sem plugin

• RSS e sitemap gerados automaticamente
• Syntax highlighting no build (sem JavaScript no navegador)
• Tags viram páginas em /tags/exemplo/
• Rascunhos: draft: true não publica
• Markdown comum: listas, código, negrito, itálico, links

Citação também, para conferir o estilo.

Pronto. O próximo post mostra vídeo.