drag n drop

調べたことを書きます

【はてなブログ】 gistをファイルごとに分けて貼る

 はてなブログには、gistを貼る機能があるが、

1つのgistが有する全ファイルが同時に貼られてしまう。

 

gistを、ファイル別、行数別、に貼れるスクリプトを作ってる人がいるので、

それを使わせてもらうことにする。

 

デザイン → カスタマイズ → ヘッダ → タイトル下 に、下記を貼る

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/gist-embed/1.6/gist-embed.min.js"></script>

 「変更を保存する」 を押す

 

各記事のhtml編集画面で、下記の書式で書く

<script data-gist-id="<gistのID>" data-gist-file="<ファイル名>" data-gist-line="<開始行>-<終了行>"></script>

 

gistのIDは、gistの URLの末尾にある16進数の文字列のこと。

ファイル名の指定が不要なら、data-gist-idの指定のみでいい。

ファイルの行数の指定が不要なら、data-gist-lineは省略していい。

  

ほかにもフラグがいろいろあるみたい

gist-embed/test.html at master · blairvanderhoof/gist-embed · GitHub

 

おわり

 

 

参考:

izmiz.hateblo.jp