pixyzehn blog

iPhone App, Mac App, Programming, Web service, Tool, Evernote, etc

はてなブログのサイドバーにGithub badgeを埋め込んでみた

f:id:inagex:20140629115551p:plain


GitHub badge is a simple embeddable badge showing your GitHub stats like the number of public repositories.


GitHub badgeは、スターの数やpublic repositoriesの数がiframeとなり、ブログのサイドバーなどに簡単に埋め込むことができるサービスです。


https://githubbadge.appspot.com/


生成方法は一瞬でここにGithubのuser名を入れるだけです。


f:id:inagex:20140629115935p:plain


pixyzehnと入力すると


f:id:inagex:20140629120021p:plain


小さいですが、生成できました。


あとは生成したiframeのコードをはてなブログのサイドバー>モジュール追加などでHTMLとしてペーストすればサイドバーに表示されます。

<iframe src="https://githubbadge.appspot.com/pixyzehn" style="border: 0;height: 142px;width: 200px;overflow: hidden;" frameBorder="0"></iframe>


デザインの好みはありますが、サイドバーになにか置きたい方はおすすめです。