mirror of
https://github.com/nunocoracao/blowfish.git
synced 2026-10-20 10:45:22 +00:00
Nuno CoraçãoandClaude Fable 5
5e0e09d415
New shortcode sections, landing layout docs, agent skill sections, v2→v3 upgrade instructions, translated homepages, and sample article feature images. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
48 lines
1.9 KiB
Markdown
48 lines
1.9 KiB
Markdown
---
|
|
title: "Miniaturas"
|
|
featureimage: "images/v3/thumbnails.png"
|
|
weight: 10
|
|
draft: false
|
|
description: "Ative miniaturas para seus artigos."
|
|
slug: "thumbnails"
|
|
tags: ["miniatura", "configuração", "documentação"]
|
|
series: ["Documentação"]
|
|
series_order: 6
|
|
---
|
|
|
|
## Miniaturas
|
|
|
|
O Blowfish foi aprimorado para facilitar adicionar suporte visual às suas postagens. Para fazer isso, você só precisa colocar um arquivo de imagem (quase todos os formatos são suportados, mas recomendamos `.png` ou `.jpg`) que comece com `feature*` dentro do diretório principal do seu artigo, como mostrado no exemplo abaixo.
|
|
|
|
```shell
|
|
content
|
|
└── awesome_article
|
|
├── index.md
|
|
└── featured.png
|
|
```
|
|
|
|
Isso dirá ao Blowfish que este artigo tem uma imagem de destaque que pode ser usada tanto como miniatura em seu site quanto para cartões <a target="_blank" href="https://oembed.com/">oEmbed</a> em plataformas sociais.
|
|
|
|
## Estrutura de pastas
|
|
|
|
Se você está usando arquivos `.md` individuais para seus artigos e tem uma estrutura de arquivos semelhante a esta:
|
|
|
|
```shell
|
|
content
|
|
└── awesome_article.md
|
|
```
|
|
|
|
Você precisa mudar de um único arquivo Markdown para uma pasta. Crie um diretório com o mesmo nome do artigo, dentro crie um arquivo `index.md`. Você terá uma estrutura semelhante à abaixo.
|
|
|
|
```shell
|
|
content
|
|
└── awesome_article
|
|
└── index.md
|
|
```
|
|
|
|
Então você só precisa adicionar uma imagem como explicado anteriormente. Se você quiser ver um exemplo disso, pode consultar [esta amostra]({{< ref "thumbnail_sample" >}}).
|
|
|
|
## Imagens hero
|
|
|
|
As miniaturas serão usadas por padrão como imagens hero dentro de cada artigo. Use o parâmetro global `article.showHero` ou o parâmetro front matter `showHero` para controlar este recurso em todo o site ou para cada postagem específica. Se você quiser substituir o estilo da imagem hero, pode criar um arquivo chamado `hero.html` em `./layouts/partials/` que substituirá o partial original do tema.
|