この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。
GithubのリポジトリをWebサイトに表示する、というスクリプトのご紹介。jQuery依存になります。地味に便利かもと思ったので備忘録として。
名前がストーレートですが、Githubのリポジトリの概要を表示するやつ。
jQuery Github
こんな感じでウィジェットライクに表示します。ちょっとだけ日本語にしました。
コード
<link rel="stylesheet" href="base.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <script src="jquery.github.min.js"></script>
ボックスのレイアウト用のCSSとjQuery本体とスクリプトを読み込みます。
$("[data-repo]").github();
カスタムデータ属性を使います。
<div class="projects">
<div data-repo="zenorocha/jquery-github"></div>
</div>
例えばhttps://github.com/zenorocha/jquery-githubなら上記のようにすればリポジトリの概要を表示できます。
よく見に行くやつをまとめておく、とかもいいかも。詳細は以下よりどうぞ。
