gistの埋め込みを入れると表示が崩れる件

17_02.jpg ブログにコードの一部だけを載せたいようなとき、githubのgistにアップしてその埋め込みをブログに貼るというのを良くやるのですけど、このところずっとその埋め込みの表示が崩れて難儀してました。 上の画像にあるとおり、

  • スクロールバーが2重に出てしまう
  • コードの一番上に隙間が出来る
  • 行番号とコードの行がずれる
といった感じに崩れてしまって、コードは読めるものの見栄えがよくない。とはいえ埋め込みってことは通常CSSの管理はサービス側の仕事だし、こっちでやれることはないんだろうな……と思ってたらそうでもなかった。これiframeじゃなくて生のHTMLタグを書き出してるんですね。そうだったのか。だからCSSをこちらで設定してやれば崩れるのを修正出来ると。

続きを読む

【メモ】 Gistの最新版へのリンク

Gistをeditすると古いバージョンへのリンクがリンク切れになってしまい、 そのたびにリンク貼り替えるのは面倒だなぁと思っていたのだけど、 なんのことはないURLを「最新版へのリンク」にしておけばよいのよね。 それを知らなくて今まではGreasemonkeyインストール用のURLをこんなのにしてたけど、 https://gist.github.com/raw/614547/c54b4589d2fb9305f9e9ac2f0f75836a09008792/tumblr_queue_latest_link.user.js そうではなくて最新版のリンク、こんなのにすればリンク切れが起きる心配がない。 https://gist.github.com/raw/614547/tumblr_queue_latest_link.user.js また、gistに含まれるファイルが1つだけの場合には、これでも行ける。 (ただし、拡張子が「user.js」ではないのでGreaseMonkeyとしてインストールは出来ない) https://gist.github.com/raw/614547 おおう。 Greasemonkeyのインストール用URLをちょっと修正して回らなければ。

参考

Gist の raw ファイルの URL が変わった: 「わ」の日記もどき

続きを読む