GitHub のソースをサイトに貼る

GitHub に上げたソースをサイトにシンタックスハイライトしつつ貼る方法がないかと思って調べてみたところ、gist-it というサービスを使っているところが多いようだったので、僕もこのサービスに便乗することにしました。

使い方は以下のように JavaScript の src として http://gist-it.appspot.com/github に続いて、自分のリポジトリのパスを貼るだけ。

gist-it.appspot.com - Embed files from a github repository like a gist

# Embed the file robertkrimen/gist-it-example/example.js <script src="http://gist-it.appspot.com/github/robertkrimen/gist-it-example/blob/master/example.js"></script>

例えば貼りたいファイルが以下のファイルだったとすると。

実際の HTML は以下のようになります。

実際に埋め込まれたときのイメージは以下のような感じになります。