Hugoでemoji絵文字
日付 タグ hugo カテゴリ hugo目次
Hugoでemojiって書けるの?
試しに記事のMarkdownファイルであるmdファイルに
:smile:
と書いても :smile:
と表示されてしまうだけであり、絵文字表示にはならない。 はて、どうやるのだろうか?
どうやらHugoではemojiを処理するためのemojify
という機能があるらしい。
https://gohugo.io/functions/emojify/
そのため、このemojify
を呼び出して変換するか、あるいは、config.toml設定で、
enableEmoji = trueを設定するかの2パターンのやり方があるようだ。
config.toml設定をいじる方法
config.tomlに追加
enableEmoji = true
その上で、記事中で
:smile:
と書けば、 😄 と表示される。
個別にemojifyを呼び出す方法
この場合、いちいちemojifyを呼び出すのも面倒なので、Shortcodeで変換できるようにするのが便利だ。
layouts/shortcodes以下にemoji.htmlというファイルを作成する。
layouts/shortcodes/emoji.html
{{ .Get 0 | emojify }}
この1行を書く。.Get 0
で引数を受け取り、emojify
に処理を流すショートコード。
あとは、記事のMarkdownのファイルの方で、
{{< emoji “:smile:” >}}
と書けば、
😄
と表示される。
使えるemoji絵文字一覧
以下のサイトが参考になる。
https://www.webfx.com/tools/emoji-cheat-sheet/ - Emoji cheat sheet