blogにソースコードを載せる(はてなのシンタックス・ハイライト編)
はてなブログでソースコードを掲載するには以下の3パターンがあるみたいです。
- はてなのシンタックス・ハイライト
- Gist
- SyntaxHighlighter
まずははてなのシンタックス・ハイライトから試して行きたいと思います。
はてなのシンタックス・ハイライト
はてなのシンタックス・ハイライトは、はてなブログの編集モードがはてな記法、もしくはMarkdownの場合に使用出来る機能です。
※ここではMarkdownでの記述例のみを紹介します、はてな記法モードでの使用方法はこちらを参照してください。
Markdownでのシンタックス・ハイライト
Markdownでシンタックス・ハイライトを使う場合は、バッククオート(`)を3つ並べたコードブロックを記述して、先頭のバッククオートの後に対応するファイルタイプを指定するみたいです。
(シンタックス・ハイライトに対応するファイルタイプ一覧)
記述方法
```java
ここにソースコードを記述
```
表示例(Java)
public class Hoge { private static final String HOGE_ID = "hogeID-001"; /** hoge1 */ private String hoge1; /** * デフォルトコンストラクタ<br> */ public Hoge() { this.hoge1 = HOGE_ID; } // hoge1を返却 public String getHoge1() { return this.hoge1; } }
まとめ
- お手軽、簡単、動作も軽い
- コメント行や文字列等も色分けさた
- ソースコード中のHTMLタグも問題なかった
- blogページからコピペしてもタブ等も問題無し
- 行番号が表示されない