テンプレートテスト

GitHub Gist ではソースコードのインデントをスペースにするかタブにするか、スペースの場合は何マス分かを設定できます。
しかし、エディタ上のソースコードを貼り付けた後で Indent mode と Indent size を変更して保存しても、もとのタブ幅に戻ってしまいます。
これ検索しても対処方法が全く見つからなかったのですが、皆さん困っていないのでしょうか？
それともコードスニペットにコードをコピーしてくるのが間違っているのでしょうか？
とりあえず試行錯誤の結果、解決方法が見つかったので載せておきます。

解決方法

例として、エディタ上はインデントがタブのものを、GitHub Gist ではスペース４つ分に置き換えます。

1. エディタ上のソースコードをコピーします。
2. ソースコードを GitHub Gist にペーストします。
3. Indent mode を Spaces に変更し、Indent size を 4 に変更します。
4. GitHub Gist にコピーしたソースコードのうち、インデントされている範囲を全選択します。
5. Shift + Tab キーを押して、インデントを１つ左に移動します。
6. Tab キーをおして、インデントを１つ右に移動します。
7. 保存する

これできちんとインデントの設定が反映されます。

ブログなどにソースコードを載せる際、GitHub Gist を利用するととても便利です。
ここでは GitHub Gist のコードのいろいろな埋め込み方法をまとめてみます。

ファイル名を指定

ファイル名の最後に ?file=ファイル名 を追加すると、そのURLの中の特定のファイルだけを埋め込むことができます。
以前は１ファイルごとに New Gist から作成していたのですが、この方法を知ってからは出来る限りファイルをまとめて登録するようになりました。

しかし、デフォルトで出来るのはこれだけのようです。
その他の埋め込み方をするために gist-embed というのがあるようです。
これを使えば、例えば特定の行だけ埋め込んだり、ハイライトしたり、いろいろな埋め込み方ができます。

gist-embed の使い方

以下のページに使い方とサンプルがあります。

• https://github.com/blairvanderhoof/gist-embed
• http://blairvanderhoof.com/gist-embed/

以下、個人的によく使うものを抜粋しておきます。

基本

<code data-gist-id="ID"></code>

ファイルの指定

data-gist-file="ファイル名"

フッターを消す

data-gist-hide-footer="true"

表示する行を指定

data-gist-line="2"
data-gist-line="2-4"
data-gist-line="1,3-4"

行のハイライト

data-gist-highlight-line="1,3,5"