嫌Github的profile只允许pin 6个仓库？弄个简单的专门展示Github repo的橱窗页面吧

Posted 2020-12-21 garyw

Github是许多程序员上传和展示自己的作品的平台，而Github的profile页面只允许pin 6个repo。如果你有超过6个作品想要展示

只选6个最想要展示的，忍痛舍弃其他的？

另外做一个网站来一个个介绍你的repo？

不如自己弄一个Github风格的橱窗展示页面，直接调用Github API去fetch并展示各个repo的信息，这样想展示多少个都可以，而且也免去了为每个作品额外写介绍的麻烦。

演示

先看看我自己弄的： https://garywill.github.io

页面模板

非常符合Github风格的网页模板有一个Cayman theme，朴实简洁实用。就以它为基础修改。

使用

经过js的Github API的调用、css编辑等工作，将展示一个repo封装成了这样一行简单的html：

<div class="repo-box" owner="garywill" reponame="bigSearch"></div>

owner是Github用户名，reponame是repo名称。

完整代码

完整的代码在这个仓库中： GitHub - garywill/garywill.github.io: Github page showing Github repos using API

感谢Cayman theme模板

---

Update：

现在Github的profile已经支持直接展示一个静态页面在6个pinned repos之上，支持文字、链接、图片，创建一个与自己Github用户名相同名称的repo，在其README.me中写内容即可。

因为它是全静态，不支持js的，因此，放个链接引导向xxx.github.io就好了：）