Hugoでemoji絵文字

日付 2020/09/11 タグ hugo カテゴリ hugo

目次

Hugoでemojiって書けるの？

試しに記事のMarkdownファイルであるmdファイルに

:smile:

と書いても :smile:

と表示されてしまうだけであり、絵文字表示にはならない。はて、どうやるのだろうか？

どうやらHugoではemojiを処理するためのemojifyという機能があるらしい。 https://gohugo.io/functions/emojify/

そのため、このemojifyを呼び出して変換するか、あるいは、config.toml設定で、 enableEmoji = trueを設定するかの２パターンのやり方があるようだ。

config.tomlに追加

enableEmoji = true

その上で、記事中で

:smile:

と書けば、 😄 と表示される。

この場合、いちいちemojifyを呼び出すのも面倒なので、Shortcodeで変換できるようにするのが便利だ。

layouts/shortcodes以下にemoji.htmlというファイルを作成する。

layouts/shortcodes/emoji.html

{{ .Get 0 | emojify }}

この１行を書く。.Get 0で引数を受け取り、emojifyに処理を流すショートコード。
あとは、記事のMarkdownのファイルの方で、 {{< emoji “:smile:” >}} と書けば、 😄 と表示される。

以下のサイトが参考になる。
https://www.webfx.com/tools/emoji-cheat-sheet/ - Emoji cheat sheet