19 lines
12 KiB
HTML
19 lines
12 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/fav.png type=image/gif><link rel=stylesheet href=../../css/bootstrap.min.css media=all><link rel=stylesheet href=../../css/all.min.css media=all><link rel=stylesheet href=../../css/fontawesome.min.css media=all><link rel=stylesheet href=../../css/v2/v2.css media=all><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/v2/post.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/fav.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=../../# aria-label=About>About</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><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><pre><code>.emoji {
|
||
font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
|
||
}
|
||
</code></pre><br><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></div></div></section><script>$('.TOC').on('click',function(){$('.TOC-content').removeClass('d-none');});</script><footer><div class="news container py-3"><div class="h3 text-center text-light py-3 font-weight-bold">Recent posts</div><div class="row justify-content-center"><div class="col-lg-4 col-md-6 pt-2"><a href=../../blog/markdown-syntax/ class=post-card-link><div class="card px-2 h-100"><div class="card-head py-3"><h5 class="card-title font-weight-bold px-2">Markdown Syntax</h5><p class="card-text px-2"><p>This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.</p></p></div><div class="mt-auto card-footer"><span class=float-left>April 3, 2021</span>
|
||
<a href=../../blog/markdown-syntax/ class="float-right btn btn-outline-info btn-sm">Read</a></div></div></a></div><div class="col-lg-4 col-md-6 pt-2"><a href=../../blog/emoji-support/ class=post-card-link><div class="card px-2 h-100"><div class="card-head py-3"><h5 class="card-title font-weight-bold px-2">Emoji Support</h5><p class="card-text px-2">Emoji can be enabled in a Hugo project in a number of ways.
|
||
The emojify function can be called directly in templates or Inline Shortcodes.
|
||
To enable emoji globally, set enableEmoji to true in your site’s configuration and then you can type emoji shorthand codes directly in content files; e.g.
|
||
The …</p></div><div class="mt-auto card-footer"><span class=float-left>April 3, 2021</span>
|
||
<a href=../../blog/emoji-support/ class="float-right btn btn-outline-info btn-sm">Read</a></div></div></a></div><div class="col-lg-4 col-md-6 pt-2"><a href=../../blog/placeholder-text/ class=post-card-link><div class="card px-2 h-100"><div class="card-head py-3"><h5 class="card-title font-weight-bold px-2">Placeholder Text</h5><p class="card-text px-2">Lorem est tota propiore conpellat pectoribus de pectora summo.
|
||
Redit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine …</p></div><div class="mt-auto card-footer"><span class=float-left>April 3, 2021</span>
|
||
<a href=../../blog/placeholder-text/ class="float-right btn btn-outline-info btn-sm">Read</a></div></div></a></div></div></div><div class=text-center><span class=px-1><a class=text-dark href=https://github.com aria-label=github><svg xmlns="http://www.w3.org/2000/svg" width="2.7em" height="2.7em" viewBox="0 0 1792 1792"><path d="M522 1352q-8 9-20-3-13-11-4-19 8-9 20 3 12 11 4 19zm-42-61q9 12 0 19-8 6-17-7t0-18q9-7 17 6zm-61-60q-5 7-13 2-10-5-7-12 3-5 13-2 10 5 7 12zm31 34q-6 7-16-3-9-11-2-16 6-6 16 3 9 11 2 16zm129 112q-4 12-19 6-17-4-13-15t19-7q16 5 13 16zm63 5-16 11q-17 2-17-11l16-11q17-2 17 11zm58-10q2 10-14 14t-18-8 14-15q16-2 18 9zm964-956v960q0 119-84.5 203.5T1376 1664h-224q-16 0-24.5-1t-19.5-5-16-14.5-5-27.5v-239q0-97-52-142 57-6 102.5-18t94-39 81-66.5 53-105T1386 856q0-121-79-206 37-91-8-204-28-9-81 11t-92 44l-38 24q-93-26-192-26t-192 26q-16-11-42.5-27T578 459.5 492 446q-44 113-7 204-79 85-79 206 0 85 20.5 150t52.5 105 80.5 67 94 39 102.5 18q-40 36-49 103-21 10-45 15t-57 5-65.5-21.5T484 1274q-19-32-48.5-52t-49.5-24l-20-3q-21 0-29 4.5t-5 11.5 9 14 13 12l7 5q22 10 43.5 38t31.5 51l10 23q13 38 44 61.5t67 30 69.5 7 55.5-3.5l23-4q0 38 .5 103t.5 68q0 22-11 33.5t-22 13-33 1.5H416q-119 0-203.5-84.5T128 1376V416q0-119 84.5-203.5T416 128h960q119 0 203.5 84.5T1664 416z"/></svg></a></span><span class=px-1><a class=text-white href=https://linkedin.com aria-label=linkedin><svg xmlns="http://www.w3.org/2000/svg" width="2.4em" height="2.4em" fill="#fff" aria-label="LinkedIn" viewBox="0 0 512 512"><rect width="512" height="512" fill="#0077b5" rx="15%"/><circle cx="142" cy="138" r="37"/><path stroke="#fff" stroke-width="66" d="M244 194v198M142 194v198"/><path d="M276 282c0-20 13-40 36-40 24 0 33 18 33 45v105h66V279c0-61-32-89-76-89-34 0-51 19-59 32"/></svg></a></span><a class=text-info href=https://twitter.com/ aria-label=twitter><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48"><path fill="#03a9f4" d="M42 37c0 2.762-2.239 5-5 5H11c-2.762.0-5-2.238-5-5V11c0-2.762 2.238-5 5-5h26c2.761.0 5 2.238 5 5V37z"/><path fill="#fff" d="M36 17.12c-.882.391-1.999.758-3 .88 1.018-.604 2.633-1.862 3-3-.951.559-2.671 1.156-3.793 1.372C31.311 15.422 30.033 15 28.617 15 25.897 15 24 17.305 24 20v2c-4 0-7.9-3.047-10.327-6-.427.721-.667 1.565-.667 2.457.0 1.819 1.671 3.665 2.994 4.543-.807-.025-2.335-.641-3-1 0 .016.0.036.0.057.0 2.367 1.661 3.974 3.912 4.422C16.501 26.592 16 27 14.072 27c.626 1.935 3.773 2.958 5.928 3-1.686 1.307-4.692 2-7 2-.399.0-.615.022-1-.023C14.178 33.357 17.22 34 20 34c9.057.0 14-6.918 14-13.37.0-.212-.007-.922-.018-1.13C34.95 18.818 35.342 18.104 36 17.12"/></svg></a><a class=text-danger href=https://instagram.com/ aria-label=instagram><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48"><radialGradient id="yOrnnhliCrdS2gy~4tD8ma" cx="19.38" cy="42.035" r="44.899" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fd5"/><stop offset=".328" stop-color="#ff543f"/><stop offset=".348" stop-color="#fc5245"/><stop offset=".504" stop-color="#e64771"/><stop offset=".643" stop-color="#d53e91"/><stop offset=".761" stop-color="#cc39a4"/><stop offset=".841" stop-color="#c837ab"/></radialGradient><path fill="url(#yOrnnhliCrdS2gy~4tD8ma)" d="M34.017 41.99l-20 .019c-4.4.004-8.003-3.592-8.008-7.992l-.019-20c-.004-4.4 3.592-8.003 7.992-8.008l20-.019c4.4-.004 8.003 3.592 8.008 7.992l.019 20C42.014 38.383 38.417 41.986 34.017 41.99z"/><radialGradient id="yOrnnhliCrdS2gy~4tD8mb" cx="11.786" cy="5.54" r="29.813" gradientTransform="matrix(1 0 0 .6663 0 1.849)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#4168c9"/><stop offset=".999" stop-color="#4168c9" stop-opacity="0"/></radialGradient><path fill="url(#yOrnnhliCrdS2gy~4tD8mb)" d="M34.017 41.99l-20 .019c-4.4.004-8.003-3.592-8.008-7.992l-.019-20c-.004-4.4 3.592-8.003 7.992-8.008l20-.019c4.4-.004 8.003 3.592 8.008 7.992l.019 20C42.014 38.383 38.417 41.986 34.017 41.99z"/><path fill="#fff" d="M24 31c-3.859.0-7-3.14-7-7s3.141-7 7-7 7 3.14 7 7S27.859 31 24 31zm0-12c-2.757.0-5 2.243-5 5s2.243 5 5 5 5-2.243 5-5S26.757 19 24 19z"/><circle cx="31.5" cy="16.5" r="1.5" fill="#fff"/><path fill="#fff" d="M30 37H18c-3.859.0-7-3.14-7-7V18c0-3.86 3.141-7 7-7h12c3.859.0 7 3.14 7 7v12C37 33.86 33.859 37 30 37zM18 13c-2.757.0-5 2.243-5 5v12c0 2.757 2.243 5 5 5h12c2.757.0 5-2.243 5-5V18c0-2.757-2.243-5-5-5H18z"/></svg></a><a class=text-info href=https://facebook.com aria-label=facebook><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48"><path fill="#3f51b5" d="M42 37c0 2.762-2.238 5-5 5H11c-2.761.0-5-2.238-5-5V11c0-2.762 2.239-5 5-5h26c2.762.0 5 2.238 5 5V37z"/><path fill="#fff" d="M34.368 25H31v13h-5V25h-3v-4h3v-2.41c.002-3.508 1.459-5.59 5.592-5.59H35v4h-2.287C31.104 17 31 17.6 31 18.723V21h4L34.368 25z"/></svg></a></div><div class="container bg-transparent py-4"><div class="row justify-content-center"><div class="col-md-4 text-center order-2 order-lg-1 order-md-1"><div class=pb-2><a href=https://example.com><img alt="Footer logo" src=../../images/fav.png height=40px width=40px></a></div>© 2021 All Rights Reserved<div class=text-secondary><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></div></div></div></div></footer></body></html> |