Featured image of post 表情符号(Emoji)支持

表情符号(Emoji)支持

Hugo 中的表情符号使用指南

在 Hugo 项目中,有多种方式可以启用表情符号(Emoji)。 你可以直接在模板或行内短代码(Inline Shortcodes)中调用 emojify 函数。

若要全局启用表情符号,请在网站配置文件中将 enableEmoji 设置为 true。之后,你就可以在内容文件中直接输入表情符号快捷代码(Shorthand codes);例如:

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


Emoji 备忘录(Emoji cheat sheet) 是查询表情符号快捷代码的一个非常实用的参考工具。


注: 以上步骤将在 Hugo 中启用 Unicode 标准表情符号字符及其序列,但这些符号的最终渲染效果取决于用户的浏览器和平台。如果需要统一表情符号的样式,你可以使用第三方表情符号字体或字体堆栈(Font stack);例如:

1
2
3
.emoji {
  font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
}
本站文章采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。
使用 Hugo 构建,主 题 StackJimmy 设计