Recursos do Tema
Shortcodes e componentes visuais do Lotus Docs.
Esta página demonstra os shortcodes e componentes próprios do tema Lotus Docs.
Eles são escritos no formato {{< shortcode >}} dentro do Markdown.
Alertas (callouts)
O shortcode alert aceita o parâmetro context com os tipos abaixo. O texto
pode vir pelo parâmetro text (auto-fechado) ou como conteúdo interno.
Forma com conteúdo interno (permite múltiplos parágrafos e listas):
Abas (tabs)
Útil para mostrar instruções por sistema operacional, por exemplo. O parâmetro
tabTotal deve bater com o número de abas.
Código avançado com Prism
Além dos blocos de código padrão, o shortcode prism adiciona numeração de
linhas, destaque de linhas e estilo de terminal.
Com numeração e destaque da linha 2:
package main
import "fmt" // esta linha fica destacada
func main() {
fmt.Println("MUCABRASIL")
}
Estilo de linha de comando (terminal), com prompt $:
hugo --gc --minify
hugo server --disableFastRender
Tabelas estilizadas
O shortcode table aplica classes do Bootstrap a uma tabela Markdown comum.
| Evento | Nível mínimo | Recompensa |
|---|---|---|
| Blood Castle | 15 | Joias e zen |
| Devil Square | 30 | Experiência alta |
| Chaos Castle | 40 | Itens raros |
Ícones
O tema usa Material Icons. Defina icon: no front matter para o ícone do
título/sidebar (veja o topo desta página). Inline, dá para usar HTML:
Botão de “Editar esta página” e navegação
Com editPage, breadcrumbs, toc e a navegação Prev/Next ativados no
hugo.toml, estes elementos aparecem automaticamente — observe o índice à
direita, as migalhas no topo e os cartões de navegação no rodapé desta página.