//这是一个存档的帖子!

layout: post current: post cover: assets/images/posts/github.jpg title: How to List Github Repo in your Blog? date: 2019-08-15 12:00:00 +0545 navigation: True categories: blog tags: tech class: post-template subclass: ‘post’ author: cdrrazan permalink: /blog/list-your-github-repo-in-your-website-blog-using-javascript-jquery/ summary: GitHub is a web-based hosting service for software development projects that use the Git version control system. Our projects are stored in form of repositories which are nothing more than directory or folder as we speak. Sometimes we want to list them in our private blog or websites. But right now, github doesn’t seem to offer this service. But this doesn’t mean there’s not any other way. —

原文发布于:2017-04-15。更新日期:2019-08-15。


GitHub是一个基于网络的托管服务,为使用Git版本控制系统的软件开发项目提供服务。我们的项目都是以版本库的形式存储的,在我们看来,它只是一个目录或文件夹。有时我们想把它们列在我们的私人博客或网站上。但现在,github似乎还没有提供这项服务。但这并不意味着没有其他的方法。

列出Github仓库的步骤

进入代码,打开你要列出repo的文件。注意,这不是自动的过程。

在你想显示repo的地方插入以下代码。

现在将githubuser替换成你的用户名,将githubrepo替换成githubrepo的版本库名称。如果要列出多个版本库,请将相同的代码替换成不同的github版本库名。

然后在你包含了jQuery之后,再把JavaScript文件包含在某个地方。

这里是Github项目列表的Repo链接。

所有的风格设计都包含在其中,图片资产都是从GitHub上提取的。下面是我的github repo中的一个示例图片。

您还可以直接查看最新的提交日期,甚至可以下载zip文件。唯一的缺点是,如果在一小时内刷新或调用超过60次以上的widgets,会超过API的限制速率。要避免超过速率限制,请访问github docs。