ícone
Para utilizar este shortcode inline, os shortcodes inline precisam de ser ativados na configuração:
hugo.yaml
enableInlineShortcodes: trueUma lista de ícones disponíveis pode ser encontrada em data/icons.yaml
Exemplo
Uso
{{< icon "github" >}}Heroicons Ícones de contorno v1 prontos a usar
Como adicionar o seu próprio ícone
Crie um ficheiro data/icons. yaml e adicione os seus próprios ícones SVG no seguinte formato:
data/icons.yaml
your-icon: <svg>your icon svg content</svg>Isto pode então ser usado num shortcode como este:
{{< icon "your-icon" >}}
{{< card icon="your-icon" >}}Dica: Iconify Design é um excelente local para encontrar ícones SVG para o seu site