13 lines
5.7 KiB
HTML
13 lines
5.7 KiB
HTML
<!doctype html><html lang=en><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><meta http-equiv=x-ua-compatible content="ie=edge"><link rel=icon href=../../images/hugo.png type=image/gif><link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel=stylesheet><link href=../../css/bootstrap.min.css rel=stylesheet><link href=../../css/v1/head_foot.css rel=stylesheet><meta name=description content><title>Emoji Support</title><link rel=preconnect href=https://fonts.gstatic.com><link href="https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;700&display=swap" rel=stylesheet><link href=../../css/v1/blog.css rel=stylesheet></head><body><script src=../../js/jquery.slim.min.js></script><script src=../../js/bootstrap.min.js></script><nav class="navbar navbar-expand-lg navbar-light shadow-sm bg-gradient-primary"><div class=container><a class="navbar-brand font-weight-bold" href=../../><img src=../../images/hugo.png width=30 height=30 class="d-inline-block align-top">
|
||
Hugo-profile</a>
|
||
<button class="navbar-toggler border-0" type=button data-toggle=collapse data-target=#navbarNavDropdown aria-controls=navbarNavDropdown aria-expanded=false aria-label="Toggle navigation">
|
||
<span class=navbar-toggler-icon></span></button><div class="collapse navbar-collapse" id=navbarNavDropdown><ul class="navbar-nav ml-auto text-center"><li class="nav-item navbar-text"><a class=nav-link href=https://example.com#home>Home</a></li><li class="nav-item navbar-text"><a class=nav-link href=https://example.com#about>About</a></li><li class="nav-item navbar-text"><a class=nav-link href=https://example.com#projects>Projects</a></li><li class="nav-item navbar-text"><a class=nav-link href=https://example.com#contact>Contact</a></li><li class="nav-item navbar-text"><a class=nav-link href=../../blog aria-label=Blog>Blog</a></li></ul></div></div></nav><section class=mincho-font><div class="py-4 bg-info text-center"><div class=container-fluid><h1 class="blog-title font-weight-bold">Emoji Support</h1><div><span class=px-1><svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-calendar" fill="currentcolor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M1 4v10a1 1 0 001 1h12a1 1 0 001-1V4H1zm1-3A2 2 0 000 3v11a2 2 0 002 2h12a2 2 0 002-2V3a2 2 0 00-2-2H2z"/><path fill-rule="evenodd" d="M3.5.0a.5.5.0 01.5.5V1A.5.5.0 013 1V.5a.5.5.0 01.5-.5zm9 0a.5.5.0 01.5.5V1a.5.5.0 01-1 0V.5a.5.5.0 01.5-.5z"/></svg></span>Apr 3, 2021
|
||
<span class=px-1><svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-person-fill" fill="currentcolor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4l-1 1H3zm5-6a3 3 0 100-6 3 3 0 000 6z"/></svg></span>Gurusabarish<div class=pt-3><a href="https://twitter.com/share?ref_src=twsrc%5Etfw" data-size=large class=twitter-share-button data-show-count=false>Tweet my work</a>
|
||
<script async src=https://platform.twitter.com/widgets.js></script></div></div></div></div><div class=container><div class="row justify-content-center"><div class=col-md-9><div><div class=py-2></div><article><p>Emoji can be enabled in a Hugo project in a number of ways.</p><p>The <a href=https://gohugo.io/functions/emojify/>emojify</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>The <a href=http://www.emoji-cheat-sheet.com/>Emoji cheat sheet</a> is a useful reference for emoji shorthand codes.</p><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><pre><code>.emoji {
|
||
font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
|
||
}
|
||
</code></pre><p><a href=https://gist.github.com/rxaviers/7360908>Markdown format for emoji</a></p></article></div><div class=p-5><div class=card><h5 class="card-header text-center m-0">Tags</h5><div class=card-body><a href=../../tags/emoji-support class="btn btn-outline-danger btn-rounded mb-2">Emoji support</a></div></a></div></div><div id=disqus_thread></div><script type=application/javascript>var disqus_config=function(){};(function(){if(["localhost","127.0.0.1"].indexOf(window.location.hostname)!=-1){document.getElementById('disqus_thread').innerHTML='Disqus comments not available by default when the website is previewed locally.';return;}
|
||
var d=document,s=d.createElement('script');s.async=true;s.src='//'+"yourdiscussshortname"+'.disqus.com/embed.js';s.setAttribute('data-timestamp',+new Date());(d.head||d.body).appendChild(s);})();</script><noscript>Please enable JavaScript to view the <a href=https://disqus.com/?ref_noscript>comments powered by Disqus.</a></noscript><a href=https://disqus.com class=dsq-brlink>comments powered by <span class=logo-disqus>Disqus</span></a></div></div></div></section><script>$('.TOC').on('click',function(){$('.TOC-content').removeClass('d-none');});</script><footer class="footer py-3 text-muted text-center"><div class="footer-site text-uppercase pb-2 font-weight-bold"><a href=https://example.com>Hugo-profile</a></div>© 2021 All Rights Reserved<br><div>Made with ❤ and
|
||
<a href=https://github.com/gurusabarish/hugo-profile target=_blank>Hugo profile</a>
|
||
| Designed and Developed by
|
||
<a href=https://gurusabarish.tech target=_blank>Gurusabarish</a></div></footer></body></html> |