blob: 2f8046de6389873362deae1cbc94c82ce0acdb53 (
plain)
1
2
3
4
5
6
7
8
|
<!doctype html><html lang=en><meta charset=utf-8><meta name=generator content="Hugo 0.81.0"><meta name=viewport content="width=device-width,initial-scale=1,viewport-fit=cover"><meta name=color-scheme content="light dark"><meta name=supported-color-schemes content="light dark"><title>Emoji Support – Notepadium</title><link rel=stylesheet href=/css/core.min.375cdeb1a4046a00ebd019527a6854ab50a33fe77ffe38cbe597fb571fe91c04b3e4c562b1cda7d51a9af4298c41a33a.css integrity=sha384-N1zesaQEagDr0BlSemhUq1CjP+d//jjL5Zf7Vx/pHASz5MVisc2n1Rqa9CmMQaM6><meta name=twitter:card content="summary"><meta name=twitter:title content="Emoji Support"><body><section id=header><div class="header wrap"><span class="header left-side"><a class="site home" href=/><span class="site name">Notepadium</span></a></span>
<span class="header right-side"><div class="nav wrap"><nav class=nav><a class="nav item" href=/categories/>Categories</a><a class="nav item" href=/tags/>Tags</a><a class="nav item" href=/about/>About</a><a class="nav item" href=https://gohugo%2eio/ target=_blank rel="noopener noreferrer">Hugo</a></nav></div></span></div><div class="site slogan"><span class=title>100% JavaScript-free</span></div></section><section id=content><div class=article-container><section class="article header"><h1 class="article title">Emoji Support</h1><p class="article date">Mar 05, 2019</p></section><article class="article markdown-body"><p>Emoji can be enabled in a Hugo project in a number of ways.</p><p>The <a href=https://gohugo.io/functions/emojify/ target=_blank rel="noopener noreferrer"><code>emojify</code></a>
function can be called directly in templates or <a href=https://gohugo.io/templates/shortcode-templates/#inline-shortcodes target=_blank rel="noopener noreferrer">Inline Shortcodes</a>
.</p><p>To enable emoji globally, set <code>enableEmoji</code> to <code>true</code> in your site’s <a href=https://gohugo.io/getting-started/configuration/ target=_blank rel="noopener noreferrer">configuration</a>
and then you can type emoji shorthand codes directly in content files; e.g.</p><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><p>The <a href=http://www.emoji-cheat-sheet.com/ target=_blank rel="noopener noreferrer">Emoji cheat sheet</a>
is a useful reference for emoji shorthand codes.</p><hr><p><strong>N.B.</strong> The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.</p><div class=highlight><pre class=chroma><code class=language-html data-lang=html>.emoji {
font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
}</code></pre></div></article><section class="article labels"><a class=tag href=/tags/emoji/>emoji</a></section><section class="article author"><img class=avatar src=https://d33wubrfki0l68.cloudfront.net/ddf49425628d8aec7523db143916b34ae1641e11/b97e8/images/gopher-side_color.svg alt><p class=name>gohugo</p><div class=bio>Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again.</div><div class=details><a class=item href=https://github.com/gohugoio target=_blank rel="noopener noreferrer"><span class="iconfont icon-github"></span> gohugoio</a><a class=item href=https://twitter.com/GoHugoIO target=_blank rel="noopener noreferrer"><span class="iconfont icon-twitter"></span> @GoHugoIO</a></div></section></div><div class="article bottom"><section class="article navigation"><p><a class=link href=/post/math-typesetting/><span class="iconfont icon-article"></span>Math Typesetting</a></p></section></div></section><section id=footer><div class=footer-wrap><p class=copyright>©2020 Notepadium.</p><p class=powerby><span>Powered by </span><a href=https://gohugo.io target=_blank rel="noopener noreferrer">Hugo</a><span> & </span><a href=https://themes.gohugo.io/hugo-notepadium/ target=_blank rel="noopener noreferrer">Notepadium</a></p></div></section></body></html>
|
