Slack 和 GitHub 都添加了一个 Reaction 功能,可以对别人的发言或 Issue 通过 emoji 进行互动。这是一个非常有趣的小功能,于是我也想把它用在我的页面上!
先来看看效果(代码):
页面托管当然用 GitHub Pages ;
首先我需要 Emoji ,解决方案有很多 EmojiOne 、 Twemoji 啦,我选择了 Twemoji ,并用国内的 CDN;
然后我需要服务器记录,当然这个小功能不需要自己搭建服务器,于是我选择 LeanCloud;
因为没有用户登录限制,暂时只在本地对每天投票次数进行限定;
对我来说 CSS 布局才是最痛苦的,我选择妹子 UI稍微减轻一点痛苦。
LeanCloud 的文档写得很不错,按照JavaScript 数据存储开发指南很快就可以实现数据存储的功能:
最后,来试一下吧:rainy.im/donate/