ソースコードをきれいに表示する（SyntaxHighlighter）

サンプル集

■基本形（背景色と枠線は独自に設定）


  
techikunのサイト達

■タイトルをつける


  
techikunのサイト達

■URLをリンクさせない


  
techikunのサイト達

■畳む


  
techikunのサイト達

■開始行番号を変える


  
techikunのサイト達

■行番号無し


  
techikunのサイト達

行番号無しにすると、左のインデントが全くなくなってちょっと見づらくなります。そんな時は下のように手動でスペースを入れて調節してみてください。なお、全てただの空白にするとインデントが無視されてしまいますので、1個だけ実態参照でスペースを入れています。

  

    
techikunのサイト達
　←この行の先頭の空白だけ実態参照で「 」と書いてあります。

■特定の行をハイライト


  
techikunのサイト達

■ツールバー非表示


  
techikunのサイト達

テーマギャラリー

■shCoreDefault.css



■shCoreDjango.css



■shCoreEclipse.css



■shCoreEmacs.css



■shCoreFadeToGrey.css



■shCoreMDUltra.css



■shCoreMidnight.css



■shCoreRDark.css



目次へ戻る