我正在为自己构建一个作品集网站,并有一个部分展示了我在GitHub上的所有项目,其中公共库从GitHub API中自动获取。
我希望实现的功能是,在每个存储库旁边显示一个彩色图块,取决于其中使用的语言。例如,如果 repo.language = 'javascript'
,那么我想要一个黄色的图块(这是JavaScript的GitHub颜色)。我知道GitHub使用名为Linguist的库,但不知道如何最好地将其与我的Web应用程序实现。
我知道最简单的方法是使用为每个库获取的语言作为className并在CSS中指定颜色,但我正在寻找更高级的选项,不需要手动更新每次使用新语言创建库时的CSS文件(并且让我的CSS混乱)
如果你们中有任何人做过这件事或者有任何想法,请在下面留言;)