gpt4 book ai didi

javascript - Github 语言颜色基于 React 应用程序中的存储库语言

转载 作者:行者123 更新时间:2023-12-03 14:15:31 25 4
gpt4 key购买 nike

我目前正在为自己构建一个作品集网站,并且我有一个用于所有 GitHub 项目的部分,并从 GitHub API 自动获取公共(public)存储库。

我感兴趣的是在每个存储库旁边显示一个彩色 Blob ,具体取决于其中使用的语言。例如,如果 repo.language = 'javascript' 那么我想要它旁边有一个黄色 Blob (这是 GitHub 的 JavaScript 颜色)。我知道 GitHub 使用一个名为 linguist 的库,但不知道我的网络应用程序如何最好地实现它。

我知道最简单的方法是使用为每个存储库获取的语言作为 className 并在 CSS 中指定颜色,但我正在寻找一种更高级的选项,不需要我手动更新我的 CSS 文件每次我用一种我以前没有使用过的新语言创建一个存储库(并且弄乱了我的 CSS)

如果你们中有人曾经做过或者有任何想法,请将它们放在下面;)

最佳答案

对于给定的存储库,您可以通过 GitHub API v3 列出其语言

GET /repos/:owner/:repo/languages

这有助于 HTML 内容生成。

但这仍然需要最新的 CSS 文件,最好是带有 all supported languages 的 CSS 文件。 ,例如this one for instance .

OP PRR添加in the comments :

I just ended up grabbing the top language for each repository, and then storing the hex codes for all the languages I use in a CSS file, so I can then just update it and add more languages when I start using them.

关于javascript - Github 语言颜色基于 React 应用程序中的存储库语言,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61714773/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com