检测到论坛CSS可能没有正确加载，如出现排版混乱请刷新重试。

We detected that the CSS might not be loaded correctly. If the website displays abnormally, Please refresh and try again.

Ⓜ️💲Emoji~

DaleZ · 2022-07-10T07:06:24+00:00

这些表情一定吸引过你，虽然微软最后只推出了它的 2D 版本，但仍然受到了大多数人的喜爱。我们都知道 Twitter 公开了它的 Emoji，并且可以在其它地方使用，只需要一个 Twemoji。不过，Twitter 的表情集并不是最佳的，我们是否有望给它开刀，换上微软的可爱表情集呢？答案非常肯定！ msemo...

DaleZ

JC_ProPlus 物尽其用，当时我正在寻找一个现成的拥有大批量 Emoji 的帖子用于测试，然后想起了这个🤪

JC_ProPlus 呵呵呵呵呵呵呵呵呵呵呵呵

DaleZ

綾瀬桃桃话又说回来，这个问题乍一看挺难的，其实有一个笨办法：
通过 Nginx 再增加一个https://cdn.jsdelivr.net/gh/twitter/twemoji@15/assets/替换https://gh.sourcegcdn.com/DellZHackintosh/msemoji/1.0.0/src/的命令。
只要用户不使用 Unicode 15 的表情，他们就不会有感知了。

DaleZ

DaleZ 我感觉现在有希望了。
https://github.com/microsoft/fluentui-emoji
微软已开源 Fluent emoji。

何木槿

DaleZ 开源开的是svg吗？

DaleZ

何木槿不太明白您什么意思呢……请更详细地补充此话，然后重试。
事实上，希望也不算大，目前只有1500多个表情可用。还少了很多。

我早说了，只要微软想做，微软肯定可以用 SVG 做 3D 效果，你看，这不就成了吗？

何木槿开源了4种类型。

3D，PNG
3D，SVG
2D，SVG
回滚式文字型（被称为“高对比度”），SVG

可惜还不完整，不知道下次 msemoji 更新能不能在这个仓库里面找到。

DaleZ

msemoji 1.1.0 Beta1 推出

PNG 版本的 MSEmoji 已获得 Emoji 14.0 的支持。

如果论坛已跟进此更新，那么以下表情应全部显示为微软表情：
🫠 🫢 🫣 🫡 🫥 🫤 🥹 🫱 🫲 🫳 🫴 🫰 🫵 🫶 🫦 🫅 🫃 🫄 🧌 🪸 🪷 🪹 🪺 🫘 🫗 🫙 🛝 🛞 🛟 🪬 🪩 🪫 🩼 🩻 🫧 🪪 🟰 🫱🏻 🫱🏼 🫱🏽 🫱🏾 🫱🏿 🫲🏻 🫲🏼 🫲🏽 🫲🏾 🫲🏿 🫳🏻 🫳🏼 🫳🏽 🫳🏾 🫳🏿 🫴🏻 🫴🏼 🫴🏽 🫴🏾 🫴🏿 🫰🏻 🫰🏼 🫰🏽 🫰🏾 🫰🏿 🫵🏻 🫵🏼 🫵🏽 🫵🏾 🫵🏿 🫶🏻 🫶🏼 🫶🏽 🫶🏾 🫶🏿 🤝🏻 🤝🏼 🤝🏽 🤝🏾 🤝🏿 🫱🏻‍🫲🏼 🫱🏻‍🫲🏽 🫱🏻‍🫲🏾 🫱🏻‍🫲🏿 🫱🏼‍🫲🏻 🫱🏼‍🫲🏽 🫱🏼‍🫲🏾 🫱🏼‍🫲🏿 🫱🏽‍🫲🏻 🫱🏽‍🫲🏼 🫱🏽‍🫲🏾 🫱🏽‍🫲🏿 🫱🏾‍🫲🏻 🫱🏾‍🫲🏼 🫱🏾‍🫲🏽 🫱🏾‍🫲🏿 🫱🏿‍🫲🏻 🫱🏿‍🫲🏼 🫱🏿‍🫲🏽 🫱🏿‍🫲🏾 🫅🏻 🫅🏼 🫅🏽 🫅🏾 🫅🏿 🫃🏻 🫃🏼 🫃🏽 🫃🏾 🫃🏿 🫄🏻 🫄🏼 🫄🏽 🫄🏾 🫄🏿

而下列表情应该有外观变动：
😷 🥲 💨 💦 🌸 👅 ❤️ 🧡 💛 💚 💙 💜 🖤 🤍 🤎 🔄 ✖️

DaleZ

最近论坛是有些乱。希望这个新消息能够活跃活跃气氛。

宣布 MSEmoji 1.1.0 正式版！

全面支持 Emoji 14.0；
全面换用微软开源仓库内表情资源；
现支持5种不同变体风格；

虽然现在还处在最后收尾阶段，但论坛已经可以准备上车了！😃

DaleZ

正式推出 MSEmoji 1.1.0 正式版！

欢迎访问项目仓库~地址：https://github.com/DellZHackintosh/msemoji

论坛可以替换了！

DaleZ

既然发布了，那就再画两张🫓吧（

下一个版本更新（1.1.1）

NPM Support；
拆掉 Twemoji 的残留，也就是这个仓库里面没有的东西；
（可能）增加微软补充的一些遗漏。

下一个大版本更新（1.2.0）

Emoji 15 Support；
组合表情支持（握手、牵手、亲吻、夫妻和家庭）。

DaleZ

DaleZ NPM Support；

不过话又说回来，上传到 NPM 上面需要做什么额外工作吗？Twemoji 那边在 NPM 有好几个不同的 JS 文件……

DaleZ

DaleZ 也就是说，Flarum 那边 import twemoji 的时候实质上到底调用了哪一个 js？

~~它们都不太一样……~~哦，twemoji.npm.js比twemoji.js其实就多了几句话。直接补上就行。

綾瀬桃桃

DaleZ 正常生产环境使用应该是.min.js后缀文件体积小加载会快很多

DaleZ

吐槽。

开高对比度模式前

开高对比度模式后

不就是用正则表达式删了个肤色修饰符吗？？？耗时硬生生给我增加这么多？！
这事只能怪 Unicode 那边了。什么“政治正确”？我也是无语了。。。

下一个大版本更新怎么支持组合表情？我目前思路是：

拆开组合表情，例如，👨‍👩‍👧拆分为👨[zwj]👩[zwj]👧；
把三个表情转换成图片；
用一个 div 包裹，表明这是同一个表情；
最后用 CSS 把图片重新摆放回原来的布局。

缺点是：

如果图片载不出来，那么你就会看不出这是什么；
必须新增 CSS，而且 CSS 巨大；
用一个脑细胞都能想到的超长 Parse 时间。

但愿有人可以为我提供更好的思路吧。

綾瀬桃桃

綾瀬桃桃哦对了这是个编译出来的文件你需要修改twemoji源码script目录下面的文件并使用node scripts/build.js编译

DaleZ

綾瀬桃桃但你看入口是——

綾瀬桃桃看来以后我可以用build.js来开发🤔，但这个看起来比min还难改……

我在 Github 那边 wvbdev 推了些更改，合并吗？

綾瀬桃桃

DaleZ 我在 Github 那边 wvbdev 推了些更改，合并吗？

这个你找其他核管我不在组织里（

DaleZ 但这个看起来比min还难改……

编译后的文件反而更难改（难不成先Prettify再Minify 而且像Webpack输出的你就别想改（
而且没有注释直接看不太能看得懂

DaleZ

綾瀬桃桃这个你找其他核管我不在组织里（

当然这也不仅仅是只给单个人看的（（（

綾瀬桃桃先Prettify再Minify

不幸的是，确实是这样——Twitter 给的原文件里面的注释基本和没有一样，完全不仔细讲讲 Parse 期间每一步都干了什么，最后还是得我自己推断。build.js里面多了更多的语句，也就是说我可能会掉头发🤔
而且，我到现在也不知道怎么用 node.js 编译、加依赖项，头疼……

綾瀬桃桃

DaleZ 而且，我到现在也不知道怎么用 node.js 编译、加依赖项，头疼……

这个的话建议去了解一下npm这类包管理器的使用（不过Twemoji好像是用的yarn 下面就以yarn举例）
安装包 yarn install （这个install也可以不加）
编译 yarn run build （不同的package指令不一样建议看package.json是怎么定义的）
如果要加dependency的话就是 yarn add [包名]