ed1c854df2
* Added information panel shortcodes (#437) * Added information panel shortcodes * Fixed dark mixin * Moved mixin location to correct location Co-authored-by: Luiz F. A. de Prá <luizdepra@users.noreply.github.com> * Fix SCSS styling * Update generated files * Fix notice HTML * Fix Makefile * Rename JS file * Adsd emoji support for lang selectors * Fix notices and other things * Fix JS on template * Update example content * Update images * Update generated files * Fix netlify preview * Fix netlify preview build * Fix netlify theme path Co-authored-by: Jian Liew <jianloongliew@gmail.com>
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 >}}