posts/4.-emoji-support/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<!doctype html><html lang=en-us><head><title>Emoji Support |
Ramium</title><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,viewport-fit=cover"><meta name=description content="Guide to emoji usage in Hugo"><meta property="og:title" content="Emoji Support"><meta property="og:description" content="Guide to emoji usage in Hugo"><meta property="og:type" content="article"><meta property="og:url" content="https://rafed.github.io/ramium/posts/4.-emoji-support/"><meta property="article:published_time" content="2020-04-13T00:00:00+00:00"><meta property="article:modified_time" content="2020-04-13T00:00:00+00:00"><meta name=twitter:card content="summary"><meta name=twitter:title content="Emoji Support"><meta name=twitter:description content="Guide to emoji usage in Hugo"><meta itemprop=name content="Emoji Support"><meta itemprop=description content="Guide to emoji usage in Hugo"><meta itemprop=datePublished content="2020-04-13T00:00:00+00:00"><meta itemprop=dateModified content="2020-04-13T00:00:00+00:00"><meta itemprop=wordCount content="124"><meta itemprop=keywords content="emoji,"><link rel=canonical href=https://rafed.github.io/ramium/posts/4.-emoji-support/><link rel=icon type=image/png href=https://rafed.github.io/ramium/image/favicon.ico><link rel=stylesheet href=/ramium/ramium.min.css><script src=/ramium/ramium.min.js></script><script type=application/javascript>var doNotTrack=false;if(!doNotTrack){window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;ga('create','UA-106132552-1','auto');ga('send','pageview');}</script><script async src=https://www.google-analytics.com/analytics.js></script><script data-ad-client=ca-pub-7125931910131040 async src=https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js></script></head><body><nav class="navbar is-dark" role=navigation aria-label="main navigation"><div class=navbar-brand><a class=navbar-item href=/ramium/><strong>Ramium</strong></a>
<a role=button class="navbar-burger burger" aria-label=menu aria-expanded=false data-target=navbarBasicExample><span aria-hidden=true></span><span aria-hidden=true></span><span aria-hidden=true></span></a></div><div id=navbarBasicExample class=navbar-menu><div class=navbar-start><a class=navbar-item href=/ramium/>Home</a><div class="navbar-item has-dropdown is-hoverable"><a class=navbar-link>Blog</a><div class=navbar-dropdown><a class=navbar-item href=/ramium/posts>Posts</a>
<a class=navbar-item href=/ramium/tags>Tags</a>
<a class=navbar-item href=/ramium/sections>Sections</a></div></div><a class=navbar-item href=/ramium/author>Author</a></div><div class=navbar-end><a class="navbar-item navgithub" href=https://github.com/rafed/ramium/ target=_blank><i class="fa fa-github fa-2x"></i></a><div class=navbar-item><form id=cse-search-box-form-id onsubmit="return executeQuery();" role=search><div class="field has-addons"><div class="control is-expanded"><input id=cse-search-input-box-id size=15 class=input type=text autocomplete=off placeholder="&#xf1a0; Google search" style=font-family:Arial,FontAwesome></div><div class=control><button type=submit class="button is-black">
<i class="fa fa-search"></i></a></button></div></div></form></div></div></div></nav><div class="columns is-centered"><div id=page-body class="column is-7"><div class="content blog"><h1>Emoji Support</h1><div id=infobar class="level is-mobile"><div class=level-left><div class=level-item><p class="subtitle info date">Apr 13, 2020</p></div><div class=level-item><p class="subtitle info">1 min read</p></div></div><div class="level-right is-hidden-touch"><div class=tags><a class="tag is-dark is-rounded" href=/ramium/tags/emoji>Emoji</a></div></div></div><div class="tags is-hidden-desktop"><a class="tag is-dark is-rounded" href=/ramium/tags/emoji>Emoji</a></div><div class=blog-text><p>Emoji can be enabled in a Hugo project in a number of ways.</p><p>The <a href=https://gohugo.io/functions/emojify/><code>emojify</code></a> function can be called directly in templates or <a href=https://gohugo.io/templates/shortcode-templates/#inline-shortcodes>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/>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><p>The <a href=http://www.emoji-cheat-sheet.com/>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 style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><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></div></div><div id=social-media-share class=has-text-centered><p><i>Sharing is caring!</i></p><br><div class=share-buttons><a href="https://www.facebook.com/sharer/sharer.php?u=https%3a%2f%2frafed.github.io%2framium%2fposts%2f4.-emoji-support%2f" onclick="socialMediaPopUp(this.href,'',500,500);return false;" title="Share on Facebook. Opens in a new window."><img src=/ramium/img/icons/45px/facebook.png></a>
<a href="https://twitter.com/intent/tweet?text=Emoji%20Support&url=https%3a%2f%2frafed.github.io%2framium%2fposts%2f4.-emoji-support%2f" onclick="socialMediaPopUp(this.href,'',500,500);return false;" title="Share on Twitter. Opens in a new window."><img src=/ramium/img/icons/45px/twitter.png></a>
<a href="http://www.reddit.com/submit?url=https%3a%2f%2frafed.github.io%2framium%2fposts%2f4.-emoji-support%2f" onclick="socialMediaPopUp(this.href,'',900,500);return false;" title="Share on Reddit. Opens in a new window."><img src=/ramium/img/icons/45px/reddit.png></a>
<a href="http://pinterest.com/pin/create/button/?url=https%3a%2f%2frafed.github.io%2framium%2fposts%2f4.-emoji-support%2f" onclick="socialMediaPopUp(this.href,'',900,500);return false;" title="Share on Pinterest. Opens in a new window."><img src=/ramium/img/icons/45px/pinterest.png></a>
<a href="http://www.tumblr.com/share/link?url=https%3a%2f%2frafed.github.io%2framium%2fposts%2f4.-emoji-support%2f" onclick="socialMediaPopUp(this.href,'',900,500);return false;" title="Share on Tumblr. Opens in a new window."><img src=/ramium/img/icons/45px/tumblr.png></a>
<a href="https://www.linkedin.com/shareArticle?mini=true&url=https%3a%2f%2frafed.github.io%2framium%2fposts%2f4.-emoji-support%2f
			&title=Emoji%20Support&summary=%3cp%3eEmoji%20can%20be%20enabled%20in%20a%20Hugo%20project%20in%20a%20number%20of%20ways.%3c%2fp%3e&source=rafed123.github.io" onclick="socialMediaPopUp(this.href,'',900,500);return false;" title="Share on LinkedIn. Opens in a new window."><img src=/ramium/img/icons/45px/linkedin.png></a>
<a href="mailto:?subject=Emoji%20Support&body=Check out this site https%3a%2f%2frafed.github.io%2framium%2fposts%2f4.-emoji-support%2f" title="Share via Email. Opens in a new window."><img src=/ramium/img/icons/45px/mail.png></a></div></div><br><div id=disqus_thread></div><script type=text/javascript>(function(){if(window.location.hostname=="localhost")
return;var dsq=document.createElement('script');dsq.type='text/javascript';dsq.async=true;var disqus_shortname='rafed';dsq.src='//'+disqus_shortname+'.disqus.com/embed.js';(document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(dsq);})();</script><noscript>Please enable JavaScript to view the <a href=http://disqus.com/?ref_noscript>comments powered by Disqus.</a></noscript></div></div><script async src="https://cse.google.com/cse.js?cx=000151824860492892407%3akd5zijxwj6a"></script><gcse:searchresults-only></gcse:searchresults-only><footer class="footer has-background-dark"><div class="content has-text-centered has-text-white"><p>© 2020 Ramium. Powered by
<a class=has-text-light href=https://github.com/gohugoio/hugo target=_blank>Hugo</a>. Theme
<a class=has-text-light href=https://github.com/rafed123/ramium/ target=_blank>Ramium.</a></p></div></footer></body></html>