分享

展示Github repo的橱窗页面,超越只允许6个仓库的限制

 小仙女本仙人 2021-11-14

Github是许多人展示自己的作品的平台,而profile页面只允许pin 6个repo。

如果你有超过6个作品想要展示:
只选6个最想要展示的,忍痛舍弃其他的?
另外做一个网站来一个个介绍你的repo?

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

演示

先看看我自己的: https://garywill.

页面模板

非常符合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 page showing Github repos using API

感谢Cayman theme模板


Update:

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

因为它是全静态,不支持js的,因此,放个链接引导向xxx.就好了:)

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多