zoukankan      html  css  js  c++  java
  • 展示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就好了:)

    如果本文帮到你,请点一下”推荐“,谢谢!
    版权所有 本博客文章皆属原创(除特别标明外)
    未联系作者获得同意前,不可转载
    转载必须附上源地址,并连我博客上的宣传内容一并转载

    打赏作者

    写作不易,感谢支持!
    打赏链接
    

  • 相关阅读:
    过滤器和拦截器的区别
    sql注入
    JavaScript学习
    Linux简单学习
    HTML DOM学习
    Java集合
    java 多线程学习
    常用的OO设计原则
    JAVA设计模式一策略模式(Strategy Pattern)
    201521123071《Java程序设计》第1周学习总结
  • 原文地址:https://www.cnblogs.com/garyw/p/14004679.html
Copyright © 2011-2022 走看看