ブログにコードを載せる時に超便利な「SyntaxHighlighter」ですが、大抵コードを載せる段階で、どうやったら良いか忘れます。C#とかCSSなど良く書くのは覚えていますが、年に数回しか使わないようなエイリアスの場合、ド忘れしてしまうことが多々あります。
使用方法
いろいろ調べてみると、本当の利用方法はPREタグを使うようです。エイリアス名を[]でタグのように使っていましたが、class=’brush: エイリアス’ とクラスに設定するのが一般的らしいです。
<pre class='brush: csharp'> print "Hello World" </pre>
結果
print "Hello world"
個人的に良く使うエイリアス
ほぼ備忘録ですが、個人的に使うエイリアスを一覧にしてみます。
記載するソース | エイリアスで指定する文字列 |
Shell/Bash | shell, bash |
C# | csharp |
C++ | cpp, c |
CSS | css |
JavaScript | js, jscript, javascript |
Java | java |
PHP | php |
Text | plain, text |
SQL | sql |
Visual Basic | vb, vbnet |
XML | xml, html |
オプション
preタグが使えるようになると、いろんなオプションをつけることが出来るようになります。色々あるので、使って便利そうなものをチョイスしてみました。
-
- タブサイズの設定(tab-size:2)
<pre class='brush: csharp; tab-size:4'> コードでインデントを付ける場合の数字(既定値は4)
-
- 行番号の非表示(gutter:false)
<pre class='brush: csharp; gutter:false'> 行番号を非表示にします(既定値はtrue)
-
- 強調表示(highlight:[1-10])
<pre class='brush: csharp; hightlight:[1,2,3,6]'> 指定された行番号を強調表示にします
スポンサーリンク
最後までご覧いただき、ありがとうございました。