My Photo

« PHPメモ005:配列 | Main | Androidアプリ開発メモ052:USB接続した端末を外す »

January 14, 2012

SyntaxHighlighter導入

WEBサイトでコードが行番号付きできれいに表示されているのを見て、
「これどうやってるんだろう?自分でCSSを書いているのかな」
と思っていたが、SyntaxHighlighterという便利なものがあるのを昨日知った。

というわけで、こちらのサイトを参考に導入した。
最初、思ったとおりに表示されなくて少し困ったが、自分でcodeタグに独自のスタイルをセットしていたのが原因だった。その独自のスタイル設定を除去したら問題なく表示されるようになった。
それからちょっとカスタマイズ。文章とSyntaxHighlighterを使ったコードの背景色がどちらも白で見分けがつきにくいので、コードの方の背景色を青系の色に変えた。さらに見やすいように1行ごとに互い違いになるようにした。

SyntaxHighlighterのこと、ネットにコードを晒すならもっと早く知っておくべきだった^^;

参考ページ:
ココログフリーに「SyntaxHighlighter(3.0.83)」を導入してみた: アクアマンの『ずくなし』ブログ
syntaxhighlighterの背景色を互い違いにする|ブラックバスを引っ張り出せ!

« PHPメモ005:配列 | Main | Androidアプリ開発メモ052:USB接続した端末を外す »

「ウェブログ・ココログ関連」カテゴリの記事

Comments

Post a comment

(Not displayed with comment.)

TrackBack

TrackBack URL for this entry:
http://app.cocolog-nifty.com/t/trackback/26461/53735662

Listed below are links to weblogs that reference SyntaxHighlighter導入:

« PHPメモ005:配列 | Main | Androidアプリ開発メモ052:USB接続した端末を外す »

April 2017
Sun Mon Tue Wed Thu Fri Sat
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30            
無料ブログはココログ

日本blog村

  • にほんブログ村 IT技術ブログへ
  • にほんブログ村 アニメブログへ
  • にほんブログ村 サッカーブログ アルビレックス新潟へ

好きな音楽家

メモ

XI-Prof