絵文字のサポート

Hugoの中で絵文字を有効化する方法はいくつかあります。

emojify関数をテンプレートから直接呼び出すか、インラインショートコードから呼び出すこともできます。

サイト全体で絵文字を利用したい場合、hugo.toml内にあるenableEmojiの値をtrueに変更してください。その後は絵文字のショートハンドコードをコンテンツファイルの中で直接ご利用いただけます。例えば以下のように:

:see_no_evil: 🙈 :hear_no_evil: 🙉 :speak_no_evil: 🙊

I ❤️ Hugo! 😁

絵文字チートシートは絵文字のショートハンドコードを確認するのに便利なツールです。

**注意: ** 上記で示した手順はUnicode標準の絵文字およびシーケンスを有効にしますが、その文字はブラウザやプラットフォームにより、表示が異なる可能性があります。もし表示を統一したい場合、サードパーティー製の絵文字フォントを利用するか、あるいはサードパーティー製のフォントスタックを利用することもできます。例えば以下のようなCSSを書くことになります:

.emoji {
font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
}