# Moetwemoji：轻量级动画表情符号 (AVIF) - 让您的论坛充满活力 **URL:** \ **Category:** Plugin\ **Tags:** emoji\ **Created:** [2026年一月4日 14:08 UTC](https://meta.discourse.org/t/moetwemoji-lightweight-animated-emojis-avif-bring-your-forum-to-life/392649 "2026-01-04T14:08:54Z")\ **Posts on this page:** 19\ **Page:** 1
**Author:** ![tom\_eric](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tom_eric/32/527845_2.png) [@tom\_eric](https://meta.discourse.org/u/tom_eric)\ **Post date:** [2026年一月4日 14:08 UTC](https://meta.discourse.org/t/moetwemoji-lightweight-animated-emojis-avif-bring-your-forum-to-life/392649/1 "2026-01-04T14:08:54Z")
![PixPin_2026-01-04_22-04-17](https://global.discourse-cdn.com/meta/original/4X/1/c/5/1c5a6edfbd2f523f1d1d592fe3be92c493bc1b50.gif) 大家好！👋 我创建了一个新的插件，旨在为 Discourse 社区带来更多活力和动态表情。 **Moetwemoji** 引入了一组动画表情符号，使互动更加生动有趣。 ### 🚀 主要特点 - **超轻量级** : 所有表情符号均以 **AVIF** 格式编码。 - **高性能** : 平均文件大小仅约 **10KB** ，确保您的论坛加载速度快，同时外观精美。 - **灵活部署** : 我根据您的需求提供了两个不同的版本（覆盖或补充）。 * * * ### 📦 选择您的版本 我准备了两个独立的存储库，具体取决于您希望如何将这些表情符号集成到您的论坛中。 #### 选项 1：覆盖版本（完全替换） 如果您想用这些动画表情符号完全替换默认的静态 Twemoji 集合，请使用此版本。它会覆盖系统默认设置，使动画成为标准体验。 - **存储库** : [discourse-moetwemoji-twemoji-fakepng-override](https://www.google.com/search?q=https://github.com/constansino/discourse-moetwemoji-twemoji-fakepng-override) #### 选项 2：包版本（补充） 如果您更喜欢保留标准表情符号，并仅将这些添加为一个额外的“包”到表情符号选择器中，请使用此版本。它会在您的表情符号选择器中添加一个新标签页，而不会更改默认设置。 - **存储库** : [discourse-moetwemoji-pack](https://www.google.com/search?q=https://github.com/constansino/discourse-moetwemoji-pack) * * * ---
**Author:** ![gilles](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gilles/32/549022_2.png) [@gilles](https://meta.discourse.org/u/gilles)\ **Post date:** [2026年一月5日 13:16 UTC](https://meta.discourse.org/t/moetwemoji-lightweight-animated-emojis-avif-bring-your-forum-to-life/392649/2 "2026-01-05T13:16:29Z")
感谢分享 👍 我试着测试了一下，但即使在 `app.yaml` 文件中添加了仓库，它仍然不起作用。 需要设置什么参数吗？ 谢谢。 ---
**Author:** ![tom\_eric](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tom_eric/32/527845_2.png) [@tom\_eric](https://meta.discourse.org/u/tom_eric)\ **Post date:** [2026年一月5日 13:44 UTC](https://meta.discourse.org/t/moetwemoji-lightweight-animated-emojis-avif-bring-your-forum-to-life/392649/3 "2026-01-05T13:44:39Z")
好的，请尝试手动安装 # 手动安装指南（覆盖版本） 本指南说明如何 **在正在运行的 Discourse 容器内手动安装和应用** `discourse-moetwemoji-twemoji-fakepng-override` 插件，并阐明为什么 **不严格要求** 进行完全重建即可使用覆盖版本。 * * * ## 1. 进入 Discourse 容器 在您的服务器上，进入 Discourse Docker 目录（通常是 `/var/discourse`）并进入正在运行的容器： ```plaintext cd /var/discourse ./launcher enter app ``` 您现在应该已进入容器 shell。 * * * ## 2. 手动克隆覆盖插件 导航到插件目录并克隆仓库： ```plaintext cd /var/www/discourse/plugins git clone https://github.com/constansino/discourse-moetwemoji-twemoji-fakepng-override.git ``` 验证目录是否存在： ```plaintext ls discourse-moetwemoji-twemoji-fakepng-override ``` * * * ## 3. 应用 Emoji 覆盖 返回 Discourse 根目录： ```plaintext su - discourse cd /var/www/discourse ``` 检查当前状态（可选但推荐）： ```plaintext RAILS_ENV=production bundle exec rake moetwemoji_twemoji:status ``` 应用覆盖： ```plaintext RAILS_ENV=production bundle exec rake moetwemoji_twemoji:apply ``` 如果命令在没有错误的情况下完成，则 Twemoji PNG 文件已被 Moetwemoji 替换。 * * * ## 4. 关于重建的重要说明（持久性） ### ❗ 无需重建即可使覆盖生效 此 **覆盖版本** 通过直接替换正在运行的容器中的文件来工作。 因此： - ✅ **您不需要运行 `./launcher rebuild app`** - ✅ 运行 rake 任务后更改会立即生效 ### ⚠ 但更改 **不具有持久性** 因为这是在 **容器文件系统内部** 完成的： - 任何将来的 `./launcher rebuild app` - 或容器重建/升级 都将 **清除更改** ，并且 emoji 覆盖将丢失。 👉 如果您需要在重建后 **保持持久性** ，则必须通过 `app.yml` 钩子安装插件并正确重建。 * * * ## 5. 清除 CDN 和浏览器缓存（非常重要） 应用覆盖后，由于缓存，emoji 可能仍显示未更改。 ### 5.1 清除 CDN 缓存（例如 Cloudflare） 如果您使用的是 **Cloudflare** 等 CDN： - 清除缓存： 否则，旧的 Twemoji PNG 文件可能仍会被提供。 ### 5.2 清除浏览器缓存 在客户端： - 强制刷新页面（`Ctrl + F5` / `Cmd + Shift + R`） - 或清除浏览器缓存 - 或在隐身/私密窗口中测试 在清除 CDN 和浏览器缓存之前，emoji 更改可能不会显示。 * * * ## 6. 总结 - 此覆盖插件可以 **在不重建的情况下安装和应用** - 手动安装可用于： - 缺点是 **缺乏持久性** - 应用 emoji 覆盖后，务必清除 **CDN 缓存 + 浏览器缓存** * * * ---
**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\ **Post date:** [2026年一月5日 14:11 UTC](https://meta.discourse.org/t/moetwemoji-lightweight-animated-emojis-avif-bring-your-forum-to-life/392649/4 "2026-01-05T14:11:28Z")
您是否按照[README](https://github.com/constansino/discourse-moetwemoji-twemoji-fakepng-override?tab=readme-ov-file#apply-override-must-be-run-manually-once)中的说明运行了该任务？ ---
**Author:** ![tom\_eric](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tom_eric/32/527845_2.png) [@tom\_eric](https://meta.discourse.org/u/tom_eric)\ **Post date:** [2026年一月5日 14:23 UTC](https://meta.discourse.org/t/moetwemoji-lightweight-animated-emojis-avif-bring-your-forum-to-life/392649/5 "2026-01-05T14:23:54Z")
本 README 提供了两种安装方法： 1. 第一种方法需要重新构建。 2. 第二种方法是手动进入容器并从 GitHub 下载。 这两种方法没有区别；前者只是更持久。如果在用第一种方法重新构建时下载失败，请考虑尝试第二种方法，即直接在容器内安装。这是因为它本质上是下载并替换现有的表情符号图像。 ---
**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\ **Post date:** [2026年一月5日 14:30 UTC](https://meta.discourse.org/t/moetwemoji-lightweight-animated-emojis-avif-bring-your-forum-to-life/392649/6 "2026-01-05T14:30:23Z")
我注意到 Readme 文件解释了两种安装方法，但它也提到了： ```plaintext cd /var/discourse ./launcher enter app su - discourse cd /var/www/discourse RAILS_ENV=production bundle exec rake moetwemoji_twemoji:status RAILS_ENV=production bundle exec rake moetwemoji_twemoji:apply ``` 这在 Meta 上的第一篇帖子中没有提到。缓存信息也是如此。这就是我认为有人可能会遗漏它的原因。 顺便说一句，您在第一篇文章中的两个链接都包含一个 Google 搜索。您没有直接链接到 GitHub 是有什么原因吗？ ---
**Author:** ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)\ **Post date:** [2026年一月5日 14:31 UTC](https://meta.discourse.org/t/moetwemoji-lightweight-animated-emojis-avif-bring-your-forum-to-life/392649/7 "2026-01-05T14:31:47Z")
为什么它被称为“moetwemoji”，而表情符号文件夹被称为“twemoji”，而动画表情符号是[官方动画 Google Noto 表情符号](https://googlefonts.github.io/noto-emoji-animation/)？ 然而，这在[此文件中](https://github.com/constansino/discourse-moetwemoji-twemoji-fakepng-override/blob/main/NOTICE)有所提及，其中署名是[不完整的](https://wiki.creativecommons.org/wiki/Recommended_practices_for_attribution#Basic_components_of_attribution)。该文件据称仍在开发中，但我希望在分发您的主题组件_之前_，署名就已完成 😛 ---
**Author:** ![tom\_eric](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tom_eric/32/527845_2.png) [@tom\_eric](https://meta.discourse.org/u/tom_eric)\ **Post date:** [2026年一月5日 14:43 UTC](https://meta.discourse.org/t/moetwemoji-lightweight-animated-emojis-avif-bring-your-forum-to-life/392649/8 "2026-01-05T14:43:25Z")
抱歉，我的帖子可能不够详尽。我稍后会修改。感谢您的指正。 ---
**Author:** ![tom\_eric](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tom_eric/32/527845_2.png) [@tom\_eric](https://meta.discourse.org/u/tom_eric)\ **Post date:** [2026年一月5日 14:44 UTC](https://meta.discourse.org/t/moetwemoji-lightweight-animated-emojis-avif-bring-your-forum-to-life/392649/9 "2026-01-05T14:44:25Z")
感谢您指出这一点——您完全正确。 这个命名是历史遗留的，来源于 Discourse 的默认 emoji 结构，但实际的动画资源来自 Google Noto Emoji，而不是 Twemoji。我同意这很令人困惑，需要澄清。 我目前正在： - 更新署名以完全遵守 Noto Emoji 许可 - 在 README 中澄清资源来源 - 审查命名/文件夹结构以减少混淆 感谢您的审阅和发现这个问题。 ---
**Author:** ![gilles](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gilles/32/549022_2.png) [@gilles](https://meta.discourse.org/u/gilles)\ **Post date:** [2026年一月6日 15:31 UTC](https://meta.discourse.org/t/moetwemoji-lightweight-animated-emojis-avif-bring-your-forum-to-life/392649/10 "2026-01-06T15:31:10Z")
我将等待，因为尽管进行了操作，但它仍然不起作用，但是我的 Discourse 运行在我自己的 Ubuntu 服务器上的独立服务器上。我不知道我是否需要进行额外的缓存操作？ ---
**Author:** ![tom\_eric](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tom_eric/32/527845_2.png) [@tom\_eric](https://meta.discourse.org/u/tom_eric)\ **Post date:** [2026年一月6日 15:45 UTC](https://meta.discourse.org/t/moetwemoji-lightweight-animated-emojis-avif-bring-your-forum-to-life/392649/11 "2026-01-06T15:45:12Z")
只需尝试 https://"yourdomain"/images/emoji/twemoji/hugs.png?v=15 和 https://"yourdomain"/images/emoji/twemoji/hugs.png?v=15&cache=0 ---
**Author:** ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)\ **Post date:** [2026年一月6日 16:40 UTC](https://meta.discourse.org/t/moetwemoji-lightweight-animated-emojis-avif-bring-your-forum-to-life/392649/13 "2026-01-06T16:40:42Z")
两个网址都提供了非常稳定且不动的表情符号。因此，基于此，我看不出安装它的理由。是设备的问题吗？ ---
**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\ **Post date:** [2026年一月6日 16:44 UTC](https://meta.discourse.org/t/moetwemoji-lightweight-animated-emojis-avif-bring-your-forum-to-life/392649/14 "2026-01-06T16:44:36Z")
我认为那些链接是用于在安装插件后测试它的。只要您不使用该插件，您就会看到该插件会替换的表情符号。 ---
**Author:** ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)\ **Post date:** [2026年一月6日 16:53 UTC](https://meta.discourse.org/t/moetwemoji-lightweight-animated-emojis-avif-bring-your-forum-to-life/392649/15 "2026-01-06T16:53:17Z")
我实际上已经安装了，但什么也没看到。也许我应该在 Discourse 设置中使用其他表情符号或者其他什么，我不知道 \[1\] * * * 1. 另外我个人认为移动的元素是 90 年代的残余 😝 所以我不太有动力深入研究这个问题。 ---
**Author:** ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)\ **Post date:** [2026年一月6日 17:02 UTC](https://meta.discourse.org/t/moetwemoji-lightweight-animated-emojis-avif-bring-your-forum-to-life/392649/16 "2026-01-06T17:02:14Z")
> [@Jagster](#): > > 我实际上已经安装了它 抱歉，因为你说你没有看到安装它的理由，我以为你没有安装。 你运行了插件仓库的 readme 中解释的 rake 任务了吗？ 我认为那是将动画表情符号放置在你尝试用链接访问它们的位置的地方。 ---
**Author:** ![Jagster](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jagster/32/192154_2.png) [@Jagster](https://meta.discourse.org/u/Jagster)\ **Post date:** [2026年一月6日 17:04 UTC](https://meta.discourse.org/t/moetwemoji-lightweight-animated-emojis-avif-bring-your-forum-to-life/392649/17 "2026-01-06T17:04:17Z")
我的错。我当时在用手机，懒得打字。 没有，我没做。 编辑。 我从来没读过自述文件，因为 OP 只提供了一个（没用的）谷歌搜索链接。现在我去了原始仓库，找到了本应或本可以放在 OP 里的信息。 ---
**Author:** ![gilles](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/gilles/32/549022_2.png) [@gilles](https://meta.discourse.org/u/gilles)\ **Post date:** [2026年一月6日 18:50 UTC](https://meta.discourse.org/t/moetwemoji-lightweight-animated-emojis-avif-bring-your-forum-to-life/392649/18 "2026-01-06T18:50:37Z")
> [@tom\_eric](#): > > &cache=0 > [@Moin](#): > > `RAILS_ENV=production bundle exec rake moetwemoji_twemoji:apply` 我可以看到带有“https://“your\_domain”/images/emoji/twemoji/hugs.png?v=15”的动画表情符号，但是在聊天中选择表情符号时它不起作用 🤔 ---
**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\ **Post date:** [2026年一月6日 22:46 UTC](https://meta.discourse.org/t/moetwemoji-lightweight-animated-emojis-avif-bring-your-forum-to-life/392649/19 "2026-01-06T22:46:32Z")
为了简化复杂性，我建议您删除所有与不重建和进入容器进行克隆相关的部分。这是不必要的，也不是管理插件的标准方法。 几乎所有管理员都会定期重建，而持久性是最重要的方面，因此 `app.yml` 方法是最好的。 您也可以链接到标准说明，只详细说明独特的操作步骤。 ---
**Author:** ![agent\_kith](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/agent_kith/32/541510_2.png) [@agent\_kith](https://meta.discourse.org/u/agent_kith)\ **Post date:** [2026年二月3日 01:59 UTC](https://meta.discourse.org/t/moetwemoji-lightweight-animated-emojis-avif-bring-your-forum-to-life/392649/20 "2026-02-03T01:59:28Z")
我正在使用持久化方法： 1. 在我的 `app.yml` 文件中添加 `git clone` 命令 2. 进入容器并运行了 2 个 rake 命令 3. 验证了链接 “https://“your\_domain”/images/emoji/twemoji/hugs.png?v=15” 在我的网站上有效 4. 清除了缓存，将我的 Cloudflare 保护设置为开发模式，等等。 5. 但是当我查看表情符号时，它们仍然指向原始路径，例如：`images/emoji/unicode/upside_down_face.png?v=15` 我还缺少哪些步骤？如何将默认表情符号更改为使用这个？