diff options
Diffstat (limited to 'exampleSite/content/post/emoji-support.md')
| -rw-r--r-- | exampleSite/content/post/emoji-support.md | 20 |
1 files changed, 9 insertions, 11 deletions
diff --git a/exampleSite/content/post/emoji-support.md b/exampleSite/content/post/emoji-support.md index c0d9275..fa5c631 100644 --- a/exampleSite/content/post/emoji-support.md +++ b/exampleSite/content/post/emoji-support.md @@ -7,15 +7,13 @@ tags = [ "emoji", ] archives = "2019/03" -emoji = "<span class='nowrap'> :orc: <code>:orc:</code></span><span class='nowrap'> :v_paw_fk1: <code>:v_paw_fk1:</code></span><span class='nowrap'> :cannabis_leaf: <code>:cannabis_leaf:</code></span>" +++ Emoji can be enabled in a Hugo project in a number of ways. <!--more--> The [`emojify`](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes). -To enable emoji globally, set `enableEmoji` to `true` in your site’s [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files; e.g. - +To enable emoji globally, set `enableEmoji` to `true` in your site's [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files; e.g. <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> <br> @@ -28,22 +26,22 @@ The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference {{< 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; - font-size: 5rem; + 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; -} + .nowrap { + display: block; + margin: 25px 0; + } } </style> -{{< /css.inline >}}
\ No newline at end of file +{{< /css.inline >}} |