如何在你的网站上集成github问题列表

github除了提供代码托管之外还提供了issues管理。而且都提供了有好的api，包括js,java,php,ruby等。

这里说一下，如何通过js在网站前段集成github的issues列表。废话不说，上代码：

定义两个ol来存放列表元素

    <h3>待解决Bug</h3>

    <ol id="issues-open">

    </ol>

    <h3>已解决Bug</h3>

    <ol id="issues-fixed">

    </ol>

引入js库

<script src="https://github.com/fitzgen/github-api/raw/master/github.js" type="text/javascript" charset="utf-8"></script>

用gh.issue.list来获取issue列表

<script>

$(document).ready(function(){

gh.issue.list('nile','CloudPaster','open',function(data){

$(data.issues).each(function(i,item){

$("#issues-open").append("<li><a href='"+item.html_url+"'>"+item.title+"</a></li>");

});

},{})

gh.issue.list('nile','CloudPaster','closed',function(data){

$(data.issues).each(function(i,item){

$("#issues-fixed").append("<li><a href='"+item.html_url+"'>"+item.title+"</a></li>");

});

},{})

});

</script>

CloudPaster网站截图