さっそくWebサイトに貼付けてみましょう！ GitHubでの活動はプログラマーとしての証！そんな訳でブログやプロジェクトサイトに貼付けたいのがOctocardです。

Octocardの使い方

サンプル。右側に埋め込むべきscriptタグが表示されています。

使い方としてはOAuthでGitHubと接続することでデータを自動的にとってきてくれます。

自分のプロフィールカードを作るのも簡単。

<script data-name="moongift"
  data-modules="base,details,stats,repos,eventsStatis,orgs"
  data-reposNum="3"
  src="http://nodejs.in/octocard/bin/octocard.js">
</script>

こんな感じでHTMLが出るので、貼付ければOKです。スクリプトなので自前のサイトでないと難しいかも知れません（もちろんOctocard自体を自前で設置しても良いですし）。Octocardの表示部分はテーマ化されていますのでカスタマイズも可能です。

Octocardはnode/JavaScript製のオープンソース・ソフトウェア（MIT License）です。

Octocard zmmbreeze/octocard