Repokémon

展示使用宝可梦名称的GitHub仓库。

👉👉👉 阅读故事：构建Repokémon 👈👈👈

如何实现？

1. 抓取所有宝可梦的列表。
2. 使用GitHub API搜索每个宝可梦的名称。
3. 获取星标数最多的匹配仓库名称。
4. 💥💥💥

标准

展示仅列出符合以下标准的仓库：

• 仓库名称与宝可梦名称完全匹配。
  • ✅ 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或宝可梦公司没有任何关联。

标志使用了宝可梦字体。

（精灵球）标志由@limhenry创作。可在Codepen上查看。