Repokémon
展示使用宝可梦名称的GitHub仓库。
👉👉👉 阅读故事:构建Repokémon 👈👈👈
如何实现?
- 抓取所有宝可梦的列表。
- 使用GitHub API搜索每个宝可梦的名称。
- 获取星标数最多的匹配仓库名称。
- 💥💥💥
标准
展示仅列出符合以下标准的仓库:
- 仓库名称与宝可梦名称完全匹配。
- ✅
name/pikachu
- ✅
name/mr-mime
- ✅
name/mr_mime
- ⛔️
name/pikachu-awesome
- ⛔️
name/pikachuuuu
- ✅
- 最多星标。如果有几个同名仓库,将列出星标最多的那个。
- 包含描述,因为...它必须是描述性的。
- 包含
lang
,即GitHub确定的仓库语言。
开发
npm i
- 安装依赖npm run pokemon
- 获取宝可梦npm run repokemon
- 获取GitHub仓库- 将
example.env
复制为.env
,用GitHub的Client ID和Client Secret进行配置 - 大约需要30分钟以避免API速率限制问题
- 将
npm run gemoji
- 将表情符号名称如:smile:
替换为😄
npm run min-repokemon
- 生成data/repokemon.json
的精简版,仅包含需要渲染的数据npm run stats
- 显示收集数据的统计信息npm run images
- 下载所有宝可梦图片到data/images
(不包含在此仓库中)npm run sprite
- 生成精灵图data/pokemon-*.jpg
(使用TinyJPG API压缩)npm run css-min
- 将pokemon.css
压缩为更小的pokemon.min.css
npm start
- 在localhost:1337
启动本地服务器
致谢
宝可梦数据和图片提取自官方图鉴网站。所有宝可梦内容的版权归任天堂、Game Freak和宝可梦公司所有。
Repokémon与GitHub、任天堂、Game Freak或宝可梦公司没有任何关联。
标志使用了宝可梦字体。