The Yak Shaver
さあ、今日も毛を刈ろう。
skip to main
|
skip to sidebar
2013/04/15
BloggerにGistを貼り付けると、前後に空行が入ってしまう
いつのころからか、ブログに Gist を貼り付けると、前後に5行ほど空行が入ってしまうようになりました。 といいますか、行番号の対応がずれてしまうのか、とにかく見栄えがよくありません。 ![before](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigq4iuk__gn0FxZhLsaJF2AWJJVn-2NdQe6dgwE8nXyFMUtsP288XMW2zD_sQhcCbcG319j0-KNq_zZVAWA5oLPk4_0nCV2svxi31QWCBMdwHw9KOeI3AvAgZ9qihtLbYwg0xdzOG0USXy/s1600/bef.png) 対策としては、[ココ](http://flatv.fdempa.com/2013/02/12/gist-css/) によると、CSS を追加してやれば良さそうです。 以下は Blogger での手順です。 ---- 1.Blogger にログイン 2.テンプレート > カスタマイズ > 上級者向け > CSS を追加 とたどり、下記を入力 /* for Gist */ .line-numbers, .line-pre > .line { font-size: 12px; line-height: 1.4; } 3.「ブログに適用」ボタンを押す。 ---- 以上です。これで、下のようになりました。 ![after](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0tl8vCykaoY_gX-gp4aGGf5oZi0h32aeJWTcVsc3SxF9B_-6F3RxDFkPBQCFhwdY47iPB-gzkFhAHwP9x3ATKUNdTZLjlLk58y0HhOCyYjkXc7LNw7IqAV3hcRWbInTKmwJ1wxSeNCu8f/s1600/aft.png) フォントも小さくなって、いい感じです。 なお、CSS のクラス名はときどき変わるようなので、もしまた崩れたら見直す必要がありそうです。 参考にさせてもらったサイト - [Gistを貼付けたときの行番号の表示ズレを直すCSS](http://flatv.fdempa.com/2013/02/12/gist-css/)
0 コメント :
コメントを投稿
次の投稿
前の投稿
ホーム
About
Unknown
詳細プロフィールを表示
Labels
AVR
( 12 )
Blogger
( 10 )
Chrome
( 2 )
cocoa
( 5 )
Eagle
( 5 )
emacs
( 31 )
game
( 1 )
Google
( 4 )
iPhone
( 2 )
Javascript
( 1 )
lisp
( 4 )
LPCXpresso
( 1 )
mac
( 53 )
Markdown
( 4 )
msp430
( 1 )
NXP
( 1 )
Parallels Desktop
( 1 )
PIC
( 3 )
python
( 19 )
Raspberry Pi
( 9 )
ruby
( 1 )
Safari
( 2 )
shell script
( 4 )
Sublime Text
( 1 )
windows
( 7 )
xcode
( 8 )
xyzzy
( 60 )
おぼえがき
( 69 )
まとめ
( 6 )
メール
( 2 )
よもやま
( 19 )
工作
( 23 )
電験
( 4 )
本日の探索結果
( 2 )
Blog Archive
►
2015
( 3 )
►
02
( 1 )
►
01
( 2 )
►
2014
( 17 )
►
12
( 1 )
►
07
( 3 )
►
06
( 3 )
►
04
( 2 )
►
03
( 4 )
►
01
( 4 )
▼
2013
( 135 )
►
12
( 5 )
►
10
( 6 )
►
09
( 7 )
►
08
( 10 )
►
07
( 24 )
►
06
( 15 )
►
05
( 15 )
▼
04
( 17 )
CSS の margin パラメータ数の違い
Pyhton で JPEG画像を添付してメールを送信
Elisp のトグル動作や内部カウンタはクロージャを使う
Google の Custom Search Engine で画像を検索するサンプル
BloggerにGistを貼り付けると、前後に空行が入ってしまう
Pyhton で GMail の smtp で UTF-8 なメールを送信
MYO:腕の筋肉の動きを検知するコントローラ
Google の検索結果に表示される 著者の写真を非表示に
Mac の Safari で Backspace (DEL) キーで前のページに戻るようにする
Spotlight を grep find の代わりに
ack を MacPorts で入れてみる
C-u つきの query-replace は正規表現で
Python でもスクラッチバッファで対話したい
コード片を Markdown 向けに
Mac のターミナルでスクロールバッファをクリアする
モードラインにファイルのフルパスを表示
Finder に 「上へ」ボタンを
►
03
( 13 )
►
02
( 17 )
►
01
( 6 )
►
2012
( 11 )
►
10
( 5 )
►
07
( 1 )
►
02
( 2 )
►
01
( 3 )
►
2011
( 86 )
►
12
( 2 )
►
11
( 2 )
►
10
( 1 )
►
07
( 2 )
►
06
( 3 )
►
05
( 20 )
►
04
( 49 )
►
03
( 7 )
►
2009
( 4 )
►
03
( 1 )
►
01
( 3 )
►
2008
( 8 )
►
12
( 8 )
STAT
Ads
Amazon.co.jp ウィジェット
Powered by
Blogger
.
0 コメント :
コメントを投稿