Javascript Github语言颜色基于React应用程序中的repo语言

我目前正在为自己构建一个投资组合网站，我的所有GitHub项目都有一个部分，公共回购会自动从GitHub API获取

我感兴趣的是，根据存储库中使用的语言，在每个存储库旁边显示一个彩色blob。例如，如果

repo.language='javascript'

，那么我希望它旁边有一个黄色斑点（这是GitHub的javascript颜色）。我知道GitHub使用了一个名为linguist的库，但不知道如何在我的web应用程序中最好地实现它

我知道最简单的方法是使用为每个repo获取的语言作为类名，并在CSS中指定颜色，但我正在寻找一个更高级的选项，它不需要我在每次使用我以前没有使用过的新语言进行repo时手动更新我的CSS文件（并使我的CSS变得混乱）

---

如果你们中的任何人以前做过这件事，或者有任何想法，请把它们放在下面；）

对于给定的存储库，您可以通过

这有助于HTML内容的生成

但这仍然需要一个最新的CSS文件，最好是一个带有，比如

报告补充说：

---

我只是为每个存储库获取了顶级语言，然后将我使用的所有语言的十六进制代码存储在CSS文件中，这样我就可以在开始使用它们时更新它并添加更多语言

---

对于那些与之抗争的人来说，这绝对是最简单的方法

---

将CSS类设置为与来自查询的传入语言数据完全相同，例如，如果

repo.language

为“JavaScript”，则CSS类应为

.JavaScript{color:#XXXXXX}

，其中

color

是对应于该语言的十六进制值（可在Gist@VonC链接到中找到）

我最终为每个存储库获取了顶级语言，然后将我使用的所有语言的十六进制代码存储在CSS文件中，这样我就可以在开始使用时更新它并添加更多语言了。@PRR干得好！我已将您的评论包含在答案中，以提高可视性。

GET /repos/:owner/:repo/languages