site

personal website, served at mordaunt.dev/site
Log | Files | Refs

emoji-support.pt-br.md (2050B)

      1 +++
      2 authors = ["Programador Solitário"]
      3 title = "Suporte a Emojis"
      4 date = "2023-07-07"
      5 description = "Um guia de utilização de emojis com Hugo"
      6 tags = [
      7     "hugo",
      8     "markdown",
      9     "emoji",
     10 ]
     11 categories = [
     12     "sintaxe",
     13     "demonstração do tema",
     14 ]
     15 series = ["Demonstração do Tema"]
     16 +++
     17 
     18 Emojis podem ser ativados em um projeto Hugo de diversar formas.
     19 
     20 <!--more-->
     21 
     22 A função [`emojify`](https://gohugo.io/functions/emojify/) pode ser chamada diretamente nos templates ou com [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes).
     23 
     24 Para ativar os emojis globalmente, aplique `enableEmoji` com o valor `true` na [configuração](https://gohugo.io/getting-started/configuration/) do seu site e então você poderá adicionar códigos de emoji diretamente nos arquivos de conteúdo. Por exemplo:
     25 
     26 <p><span class="nowrap"><span class="emojify">🙈</span> <code>:see_no_evil:</code></span>  <span class="nowrap"><span class="emojify">🙉</span> <code>:hear_no_evil:</code></span>  <span class="nowrap"><span class="emojify">🙊</span> <code>:speak_no_evil:</code></span></p>
     27 <br>
     28 
     29 O [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) é uma referência útil para identificar códigos de emojis.
     30 
     31 ---
     32 
     33 **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:
     34 
     35 {{< highlight html >}}
     36 .emoji {
     37 font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
     38 }
     39 {{< /highlight >}}
     40 
     41 {{< css.inline >}}
     42 
     43 <style>
     44 .emojify {
     45 	font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
     46 	font-size: 2rem;
     47 	vertical-align: middle;
     48 }
     49 @media screen and (max-width:650px) {
     50   .nowrap {
     51     display: block;
     52     margin: 25px 0;
     53   }
     54 }
     55 </style>
     56 
     57 {{< /css.inline >}}