mirror of https://github.com/luizdepra/hugo-coder.git

Luiz F. A. de Prá
13.51.2023 c3df12d0bbc2dda164df904f6a487580a82da746
exampleSite/content/posts/emoji-support.pt-br.md
@@ -1,15 +1,24 @@
+++
author = "Hugo Authors"
authors = ["Programador Solitário"]
title = "Suporte a Emojis"
date = "2019-03-05"
date = "2023-07-07"
description = "Um guia de utilização de emojis com Hugo"
tags = [
    "hugo",
    "markdown",
    "emoji",
]
categories = [
    "sintaxe",
    "demonstração do tema",
]
series = ["Demonstração do Tema"]
+++
Emojis podem ser ativados em um projeto Hugo de diversar formas.
<!--more-->
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).
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:
@@ -19,17 +28,18 @@
O [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) é 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;
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;
@@ -43,4 +53,5 @@
  }
}
</style>
{{< /css.inline >}}