展示Github repo的橱窗页面,超越只允许6个仓库的限制
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
就好了:)
关注一下
📺 Bilibili 收集有趣科技 和发布原创视频 | 🖥️ Github 有用的和没用的开源项目代码
玩而后赏
子曰,玩而予赏,善莫大焉?
又曰,玩而不赏,良心安焉?
写作不易,感谢支持!
虽然,小小玩意,不足挂齿;
亦是,卅年老刀,献丑于此。
其实,多赏非求,少许亦可。
进者,参观主页,玩物更多。
未联系作者获得同意前,不可转载
转载必须附上源地址,并连我博客上的宣传内容一并转载