1.9 KiB
+++ author = "Hugo Authors" title = "Suporte a Emojis" date = "2019-03-05" description = "Um guia de utilização de emojis com Hugo" tags = [ "emoji", ] +++
Emojis podem ser ativados em um projeto Hugo de diversar formas.
A função emojify pode ser chamada diretamente nos templates ou com Inline Shortcodes.
Para ativar os emojis globalmente, aplique enableEmoji com o valor true na configuração do seu site e então você poderá adicionar códigos de emoji diretamente nos arquivos de conteúdo. Por exemplo:
🙈 :see_no_evil: 🙉 :hear_no_evil: 🙊 :speak_no_evil:
O Emoji cheat sheet é uma referência útil para identificar códigos de emojis.
Nota: Os passos anteriores ativam os caractéres e sequências de emoji do Padrão Unicode no Hugo, porém a renderização desses glifos depende do navegador e plataforma utilizada. Para escolher o estilo dos emojis você pode tanto usar um font de emoji de terceiros ou uma lista de fontes. Por exemplo:
{{< highlight html >}} .emoji { font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols; } {{< /highlight >}}
{{< css.inline >}}
<style> .emojify { font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols; font-size: 2rem; vertical-align: middle; } @media screen and (max-width:650px) { .nowrap { display: block; margin: 25px 0; } } </style>{{< /css.inline >}}