Twemoji 图标

	摘要	在 Discourse 中使用 Twitter 表情符号作为图标。
	仓库	GitHub - nolosb/discourse-twemoji-icons: Use twemojis as icons in Discourse.
	安装指南	如何安装主题或主题组件
	刚接触 Discourse 主题？	Discourse 主题使用入门指南

该组件将 Twitter 表情符号添加为图标。您可以使用表情符号通过 respective 组件添加类别和标签图标。您还可以替换默认界面图标，无论是在管理员模态框中还是在自定义主题代码中。

这是使用此组件在 Kiosk 主题 中显示界面和类别图标的表情符号的视图：

Screenshot from 2023-07-20 14-20-411585×592 82.7 KB

详细说明

• 图标名称由 tw- 前缀和表情符号的短名称（kebab-case 格式，所有单词用连字符分隔）生成。

• 例如，:sunny: 表情符号的图标名称为 tw-sun；:beach_umbrella: 的图标名称为 tw-beach-umbrella。

• 在 Twemoji Cheatsheet 上查找短名称。

• 在管理员模态框中使用图标，例如自定义侧边栏：

  

  image445×329 13 KB

• 在组件设置中使用图标，例如类别图标：

  

• 在主题代码中使用图标：

  api.replaceIcon('star', 'tw-star');

我看到你们提供了一个大的 SVG 精灵图用于表情符号，但由于 Discourse 已经提供了所有的 Twitter 表情符号，为什么不重用它们呢？这样可以节省用户安装和提供该 SVG 文件。

是的，我很想拥有这个组件的功能，而无需加载一个大型的 sprite 文件。但是 Discourse 不是将 twemojis 作为 Unicode 序列来发布的吗？我想替换 svg 图标，据我所知，我需要 svg 来实现这一点。

我们以单独的 PNG 文件形式提供，例如 https://emoji.discourse-cdn.com/twitter/beach_umbrella.png。

所以它在侧边栏上可以正常工作，但确实不能用于图标。

是的，我看到了这个组件在轻松探索一些外观和设计方面的价值。我认为，如果您确实想在生产环境中使用表情符号图标，最好提供一个专用的精灵文件，其中只包含实际使用的表情符号。