メモ：BitbucketにあるリポジトリのソースをJSONPで取得し表示する

Bitbucket上のソースコードをJSONPを使った表示を行なうというものです。

以下が参考リンクです。

上記ページによりますと、

The URL format for viewing a file's content is:
https://api.bitbucket.org/1.0/repositories/[username]/[repository-name]/src/tip/[path-to-file]

という形式になるとのことです。

username がBitbucket のアカウント、repository-name はリポジトリ名ということになります

SyntaxHighlighter の auto loader を使うと、レンダリングのタイミングが難しいようでしたのでうまくないやり方になっています。

なお、もともと Bitbucket の各リポジトリのソースページには embed のためのコードを表示するリンクがあります。

ブログ記事等に貼るのであればこのembeed 用コードでも十分です。ただし、クリックした場所かあるいはタイミングによって、そのまま貼付け用のコードそのものがブラウザから読みこまれて表示されてしまう場合があります。

その場合はもう一度クリックをやり直すなどすればいいのですが、スニペットの書式だけ以下にメモしておきます。

<script src="https://bitbucket.org/{アカウント}/{リポジトリ名}/src/{ハッシュID}/{ファイルまでのパス}?embed=t"></script>

Comments: