0%

Emoji-Downloader

我再次强调,这不是一个 emoji 组件库,只是一个帮助你下载所有 emoji 并生成与之配套的配置文件的工具。借助此工具,你可以轻松自定义自己的 emoji 组件库。

功能

只需一行代码,即可下载所有 emoji 并自动生成数据源配置文件。

你可以使用生成的数据源配置文件来构建自己的 emoji 组件库。

演示

这是一个简单的演示。显示的 emoji 数据源来自执行该脚本生成的配置文件。**:pushpin: 这不是一个 emoji 组件库**。你可以查看由该脚本生成的完整配置文件data.js

安装

1
npm install emoji-downloader -g

使用方法

1
emoji-downloader download [type...] [options]

支持的 emoji 类型

people nature food activity travel objects symbols flags

你可以指定要下载的 emoji 类型。如果未指定,则默认下载所有类型的 emoji。

注意: 你指定的 emoji 类型的顺序将是生成的配置文件中的类型顺序(如果指定了origin选项)。

1
emoji-downloader download // 下载所有类型的emoji
1
emoji-downloader download people food // 下载people和food类型的emoji

选项

target

emoji 下载的路径,默认为 ./emojis(建议使用默认值)。

origin

指定生成配置文件中 emoji 的来源。

如果未指定,将不会生成配置文件(当你仅仅只想下载 emoji 时)。

示例

1
emoji-downloader download --origin https://example.com

如果将origin指定为https://example.com,则生成的配置文件中的所有 emoji 地址都将使用它作为资源地址前缀,如下所示:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
const data = {
food: {
resources: [
{
name: 'emoji_u1f32d.png',
src: 'https://example.com/emojis/food/emoji_u1f32d.png' // 在这里查看
},
...
],
en_name: 'food_and_drink',
zh_name: '食物与饮料',
name: 'food_and_drink',
order: 3
},
people: {
resources: [
{
name: 'emoji_u1f383.png',
src: 'https://example.com/emojis/people/emoji_u1f383.png' // 在这里查看
},
...
],
en_name: 'smile_face_and_people',
zh_name: '笑脸与人物',
name: 'smile_face_and_people',
order: 1
},
...
}

export default data

一般使用步骤

  1. 下载 emoji 并指定来源
1
emoji-downloader download --origin https://your-real-origin.com
  1. 将下载好的 emojis 资源文件夹上传至你的服务(由来源提供的服务),比如 oss 中,origin 就是你的 oss 配置的域名

  2. 使用生成的配置文件封装自己的 emoji 组件

  3. :tada: 尽情享用