mirror of
https://github.com/ducky-labs/blog.git
synced 2026-02-04 15:21:00 +00:00
Init commit
This commit is contained in:
232
public/posts/emoji-support/index.html
Normal file
232
public/posts/emoji-support/index.html
Normal file
@@ -0,0 +1,232 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-us"><head><meta charset="utf-8">
|
||||
<meta http-equiv="content-type" content="text/html">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<title itemprop="name">Emoji Support | DuckyLabs Blog</title>
|
||||
<meta property="og:title" content="Emoji Support | DuckyLabs Blog" />
|
||||
<meta name="twitter:title" content="Emoji Support | DuckyLabs Blog" />
|
||||
<meta itemprop="name" content="Emoji Support | DuckyLabs Blog" />
|
||||
<meta name="application-name" content="Emoji Support | DuckyLabs Blog" />
|
||||
<meta property="og:site_name" content="Awesome hugo blog" />
|
||||
|
||||
<meta name="description" content="Guide to emoji usage in Hugo">
|
||||
<meta itemprop="description" content="Guide to emoji usage in Hugo" />
|
||||
<meta property="og:description" content="Guide to emoji usage in Hugo" />
|
||||
<meta name="twitter:description" content="Guide to emoji usage in Hugo" />
|
||||
|
||||
<meta property="og:locale" content="en-us" />
|
||||
<meta name="language" content="en-us" />
|
||||
|
||||
|
||||
|
||||
<meta itemprop="image" content="http://example.org/" />
|
||||
<meta property="og:image" content="http://example.org/" />
|
||||
<meta name="twitter:image" content="http://example.org/" />
|
||||
<meta name="twitter:image:src" content="http://example.org/" />
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<meta property="og:type" content="article" />
|
||||
<meta property="og:article:published_time" content=2023-02-01T00:00:00Z />
|
||||
<meta property="article:published_time" content=2023-02-01T00:00:00Z />
|
||||
|
||||
|
||||
<meta property="og:article:author" content="Hugo authors" />
|
||||
<meta property="article:author" content="Hugo authors" />
|
||||
<meta name="author" content="Hugo authors" />
|
||||
|
||||
|
||||
|
||||
|
||||
<script defer type="application/ld+json">
|
||||
{
|
||||
"@context": "http://schema.org",
|
||||
"@type": "Article",
|
||||
"headline": "Emoji Support",
|
||||
"author": {
|
||||
"@type": "Person",
|
||||
"name": ""
|
||||
},
|
||||
"datePublished": "2023-02-01",
|
||||
"description": "Guide to emoji usage in Hugo",
|
||||
"wordCount": 131 ,
|
||||
"mainEntityOfPage": "True",
|
||||
"dateModified": "2023-02-01",
|
||||
"image": {
|
||||
"@type": "imageObject",
|
||||
"url": ""
|
||||
},
|
||||
"publisher": {
|
||||
"@type": "Organization",
|
||||
"name": "DuckyLabs Blog"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<meta name="generator" content="Hugo 0.111.3">
|
||||
|
||||
|
||||
|
||||
<link rel="canonical" href="http://example.org/posts/emoji-support/">
|
||||
<link href="/style.min.e8353c8bf6aa84457d3c7f65980d94548f249c91e6b37b15b9f1c7e13ceed431.css" rel="stylesheet">
|
||||
<link href="/code-highlight.min.706d31975fec544a864cb7f0d847a73ea55ca1df91bf495fd12a177138d807cf.css" rel="stylesheet">
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png">
|
||||
<link rel="mask-icon" href="/icons/safari-pinned-tab.svg">
|
||||
<link rel="shortcut icon" href="/favicon.ico">
|
||||
|
||||
|
||||
|
||||
|
||||
<link rel="manifest" href="http://example.org/site.webmanifest">
|
||||
|
||||
<meta name="msapplication-config" content="/browserconfig.xml">
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#434648">
|
||||
|
||||
|
||||
<link rel="icon" type="image/svg+xml" href="/icons/favicon.svg">
|
||||
|
||||
|
||||
</head>
|
||||
<body data-theme = "dark" class="notransition">
|
||||
<script src="/js/themeLoader.min.3c3396ae9effcbd02e7064baa7b435ffe6560bcd7fec0b428a470d3a128f2220.js"></script>
|
||||
<div class="navbar" role="navigation">
|
||||
<nav class="menu" aria-label="Main Navigation">
|
||||
<a href="http://example.org/" class="logo">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25"
|
||||
viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
|
||||
stroke-linejoin="round" class="feather feather-home">
|
||||
<title>Home</title>
|
||||
<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path>
|
||||
<polyline points="9 22 9 12 15 12 15 22"></polyline>
|
||||
</svg>
|
||||
</a>
|
||||
<input type="checkbox" id="menu-trigger" class="menu-trigger" />
|
||||
<label for="menu-trigger">
|
||||
<span class="menu-icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" stroke="currentColor" fill="none" viewBox="0 0 14 14"><title>Menu</title><path stroke-linecap="round" stroke-linejoin="round" d="M10.595 7L3.40726 7"></path><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 3.51488L3.49301 3.51488"></path><path stroke-linecap="round" stroke-linejoin="round" d="M10.5096 10.4851H3.49301"></path><path stroke-linecap="round" stroke-linejoin="round" d="M0.5 12.5V1.5C0.5 0.947715 0.947715 0.5 1.5 0.5H12.5C13.0523 0.5 13.5 0.947715 13.5 1.5V12.5C13.5 13.0523 13.0523 13.5 12.5 13.5H1.5C0.947715 13.5 0.5 13.0523 0.5 12.5Z"></path></svg>
|
||||
</span>
|
||||
</label>
|
||||
|
||||
<div class="trigger">
|
||||
<ul class="trigger-container">
|
||||
|
||||
|
||||
<li>
|
||||
<a class="menu-link " href="/">
|
||||
Home
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a class="menu-link active" href="/posts/">
|
||||
Posts
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a class="menu-link " href="/pages/about/">
|
||||
About
|
||||
</a>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="menu-separator">
|
||||
<span>|</span>
|
||||
</li>
|
||||
</ul>
|
||||
<a id="mode" href="#">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="mode-sunny" width="21" height="21" viewBox="0 0 14 14" stroke-width="1">
|
||||
<title>LIGHT</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"></circle><line x1="7" y1="0.5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"></line><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"></line><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"></line><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"></line><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"></line><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"></line><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"></line></g></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="mode-moon" width="21" height="21" viewBox="0 0 14 14" stroke-width="1">
|
||||
<title>DARK</title><g><circle cx="7" cy="7" r="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"></circle><line x1="7" y1="0.5" x2="7" y2="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"></line><line x1="2.4" y1="2.4" x2="3.82" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"></line><line x1="0.5" y1="7" x2="2.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"></line><line x1="2.4" y1="11.6" x2="3.82" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"></line><line x1="7" y1="13.5" x2="7" y2="11.5" fill="none" stroke-linecap="round" stroke-linejoin="round"></line><line x1="11.6" y1="11.6" x2="10.18" y2="10.18" fill="none" stroke-linecap="round" stroke-linejoin="round"></line><line x1="13.5" y1="7" x2="11.5" y2="7" fill="none" stroke-linecap="round" stroke-linejoin="round"></line><line x1="11.6" y1="2.4" x2="10.18" y2="3.82" fill="none" stroke-linecap="round" stroke-linejoin="round"></line></g></svg>
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="wrapper post">
|
||||
<main class="page-content" aria-label="Content">
|
||||
<article>
|
||||
<header class="header">
|
||||
<h1 class="header-title">Emoji Support</h1>
|
||||
|
||||
<div class="post-meta">
|
||||
<time datetime="2023-02-01T00:00:00+00:00" itemprop="datePublished"> 1 Feb 2023 </time>
|
||||
</div>
|
||||
</header>
|
||||
<details class="toc">
|
||||
<summary><b>Table of Contents</b></summary>
|
||||
<nav id="TableOfContents"></nav>
|
||||
</details><div class="page-content">
|
||||
<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 <code>config.toml</code>. You can type emoji shorthand codes directly in content files; e.g.</p>
|
||||
<p><code>🙈</code> 🙈 <code>🙉</code> 🙉 <code>🙊</code> 🙊</p>
|
||||
<p>I ❤️ Hugo! 😁</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 tabindex="0" class="chroma"><code class="language-css" data-lang="css"><span class="line"><span class="cl"><span class="p">.</span><span class="nc">emoji</span> <span class="p">{</span>
|
||||
</span></span><span class="line"><span class="cl"> <span class="k">font-family</span><span class="p">:</span> <span class="n">Apple</span> <span class="n">Color</span> <span class="n">Emoji</span><span class="p">,</span> <span class="n">Segoe</span> <span class="n">UI</span> <span class="n">Emoji</span><span class="p">,</span> <span class="n">NotoColorEmoji</span><span class="p">,</span> <span class="n">Segoe</span> <span class="n">UI</span> <span class="n">Symbol</span><span class="p">,</span> <span class="n">Android</span> <span class="n">Emoji</span><span class="p">,</span> <span class="n">EmojiSymbols</span><span class="p">;</span>
|
||||
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div>
|
||||
</div>
|
||||
</article></main>
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<span class="footer_item"> </span>
|
||||
|
||||
|
||||
<div class="footer_social-icons">
|
||||
<a href="https://github.com/ducky-labs/blog" target="_blank" rel="noopener noreferrer me"
|
||||
title="Github">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
|
||||
stroke-linecap="round" stroke-linejoin="round">
|
||||
<path
|
||||
d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22">
|
||||
</path>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="https://git.duckylabs.xyz/" target="_blank" rel="noopener noreferrer me"
|
||||
title="Gitea">
|
||||
<svg role="img" viewBox="0 0 24 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
|
||||
<path
|
||||
d="M4.209 4.603c-.247 0-.525.02-.84.088-.333.07-1.28.283-2.054 1.027C-.403 7.25.035 9.685.089 10.052c.065.446.263 1.687 1.21 2.768 1.749 2.141 5.513 2.092 5.513 2.092s.462 1.103 1.168 2.119c.955 1.263 1.936 2.248 2.89 2.367 2.406 0 7.212-.004 7.212-.004s.458.004 1.08-.394c.535-.324 1.013-.893 1.013-.893s.492-.527 1.18-1.73c.21-.37.385-.729.538-1.068 0 0 2.107-4.471 2.107-8.823-.042-1.318-.367-1.55-.443-1.627-.156-.156-.366-.153-.366-.153s-4.475.252-6.792.306c-.508.011-1.012.023-1.512.027v4.474l-.634-.301c0-1.39-.004-4.17-.004-4.17-1.107.016-3.405-.084-3.405-.084s-5.399-.27-5.987-.324c-.187-.011-.401-.032-.648-.032zm.354 1.832h.111s.271 2.269.6 3.597C5.549 11.147 6.22 13 6.22 13s-.996-.119-1.641-.348c-.99-.324-1.409-.714-1.409-.714s-.73-.511-1.096-1.52C1.444 8.73 2.021 7.7 2.021 7.7s.32-.859 1.47-1.145c.395-.106.863-.12 1.072-.12zm8.33 2.554c.26.003.509.127.509.127l.868.422-.529 1.075a.686.686 0 0 0-.614.359.685.685 0 0 0 .072.756l-.939 1.924a.69.69 0 0 0-.66.527.687.687 0 0 0 .347.763.686.686 0 0 0 .867-.206.688.688 0 0 0-.069-.882l.916-1.874a.667.667 0 0 0 .237-.02.657.657 0 0 0 .271-.137 8.826 8.826 0 0 1 1.016.512.761.761 0 0 1 .286.282c.073.21-.073.569-.073.569-.087.29-.702 1.55-.702 1.55a.692.692 0 0 0-.676.477.681.681 0 1 0 1.157-.252c.073-.141.141-.282.214-.431.19-.397.515-1.16.515-1.16.035-.066.218-.394.103-.814-.095-.435-.48-.638-.48-.638-.467-.301-1.116-.58-1.116-.58s0-.156-.042-.27a.688.688 0 0 0-.148-.241l.516-1.062 2.89 1.401s.48.218.583.619c.073.282-.019.534-.069.657-.24.587-2.1 4.317-2.1 4.317s-.232.554-.748.588a1.065 1.065 0 0 1-.393-.045l-.202-.08-4.31-2.1s-.417-.218-.49-.596c-.083-.31.104-.691.104-.691l2.073-4.272s.183-.37.466-.497a.855.855 0 0 1 .35-.077z" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
<small class="footer_copyright">
|
||||
© 2023 Ducky.
|
||||
Powered by <a href="https://github.com/hugo-sid/hugo-blog-awesome" target="_blank" rel="noreferrer noopener">Hugo blog awesome</a>
|
||||
theme on
|
||||
<a href="https://gohugo.io" target="_blank" rel="noreferrer noopener">Hugo</a>.
|
||||
</small>
|
||||
</footer><a href="#" title="Go to top" id="totop">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="currentColor" stroke="currentColor" viewBox="0 96 960 960">
|
||||
<path d="M283 704.739 234.261 656 480 410.261 725.739 656 677 704.739l-197-197-197 197Z"/>
|
||||
</svg>
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="http://example.org/js/script.min.46bd451490183d25f475c182f8fe773c1c787124cec75969e37c871d76aa151f.js" integrity="sha256-Rr1FFJAYPSX0dcGC+P53PBx4cSTOx1lp43yHHXaqFR8="></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user