cartão
Exemplo
usar
{{< cards >}}
{{< card link="../callout" title="Callout" icon="warning" >}}
{{< card link="/" title="No Icon" >}}
{{< /cards >}}{{< cards >}}
{{< card link="/" title="Image Card" image="https://source.unsplash.com/featured/800x600?landscape" subtitle="Unsplash Landscape" >}}
{{< card link="/" title="Local Image" image="/images/card-image-unprocessed.jpg" subtitle="Raw image under static directory." >}}
{{< card link="/" title="Local Image" image="images/space.jpg" subtitle="Image under assets directory, processed by Hugo." method="Resize" options="600x q80 webp" >}}
{{< /cards >}}Parâmetros do cartão
| Parameter | Description |
|---|---|
link | URL (interno ou externo) |
title | O título do cartão |
subtitle | Título da legenda (suporta Markdown) |
icon | O nome do ícone |
Cartão de imagem
Além disso, o cartão suporta a adição de imagens e o processamento através dos seguintes parâmetros:
| Parameter | Description |
|---|---|
image | Especifica o URL da imagem do cartão |
method | Defina o método de processamento de imagem do Hugo. |
options | Configurar as opções de processamento de imagem do Hugo. |
Os cartões suportam três imagens:
- Imagem remota: O URL completo deve ser colocado no parâmetro imagem
- Imagens estáticas: utilize caminhos relativos no diretório static/ do Hugo
- Imagens processadas: utilize caminhos relativos no diretório assets/do Hugo
O Hextra deteta automaticamente durante o processo de construção se a imagem necessita de processamento e aplica o parâmetro de opções ou definições padrão (escala, 800x, qualidade 80, formato WebP) conforme necessário.
Atualmente suporta os seguintes métodos de processamento: Redimensionar, Ajustar, Preencher e Cortar.
Para obter mais informações sobre os comandos, métodos e opções de processamento de imagem integrados do Hugo, consulte a Image Processing Documentation.