Contents

WordpressのプラグインでGitHubで管理しているコードを表示できるプラグインが無いか探していたところ gist-it.appspot.com というのを見つけたので使ってみました。

使い方

以下のように script タブをHTMLに埋め込むだけです。

<script src="https://gist-it.appspot.com/github/ファイルのパス"></script>
<script src="https://gist-it.appspot.com/github/ファイルのパス?オプション=値"></script>

使用例

全体を表示させる場合は以下のようになります。

<script src="https://gist-it.appspot.com/github/sky-joker/awx-exec-job/blob/master/main.go"></script>

1 2	<script src="https://gist-it.appspot.com/github/sky-joker/awx-exec-job/blob/master/main.go"></script>

行数を指定する場合は以下のようになります。
93行目から103行目までを表示します。

<script src="https://gist-it.appspot.com/github/sky-joker/awx-exec-job/blob/master/awx/awx.go?slice=93:103"></script>

1 2	<script src="https://gist-it.appspot.com/github/sky-joker/awx-exec-job/blob/master/awx/awx.go?slice=93:103"></script>

フッターをなくす場合は以下のようになります。

<script src="https://gist-it.appspot.com/github/sky-joker/awx-exec-job/blob/master/main.go?footer=no"></script>

1 2	<script src="https://gist-it.appspot.com/github/sky-joker/awx-exec-job/blob/master/main.go?footer=no"></script>

フッター情報を最小限にする場合配下のようになります。

<script src="https://gist-it.appspot.com/github/sky-joker/awx-exec-job/blob/master/main.go?footer=minimal"></script>

1 2	<script src="https://gist-it.appspot.com/github/sky-joker/awx-exec-job/blob/master/main.go?footer=minimal"></script>

行数指定とフッターを合わせて指定できます。

<script src="https://gist-it.appspot.com/github/sky-joker/awx-exec-job/blob/master/awx/awx.go?slice=93:103&footer=minimal"></script>

1 2	<script src="https://gist-it.appspot.com/github/sky-joker/awx-exec-job/blob/master/awx/awx.go?slice=93:103&footer=minimal"></script>

プラグインを使わなくてもblogにGitHubで管理しているコードを表示させる方法でした。