シンタックスハイライト テスト

はてな記法 の シンタックスハイライト（Syntax Highlight） 機能を試してみる。

※ シンタックスハイライト とはソースコードをキーワードで色分けする機能

VHDLサンプル

-- VGA : output sync
LCLK	<= clk25m;	-- for VGA
LCK	<= clk25m;	-- for LCD
nLBLANK	<= '1' when 2 <= s_dis_h_count
	 and s_dis_h_count < C_DISP_WIDTH + 2
	 and s_dis_v_count < C_DISP_HEIGHT else '0';
LHSYNC	<= '0' when (C_DISP_WIDTH  + 16 + 2) <= s_dis_h_count
	 and s_dis_h_count < (C_DISP_WIDTH  + 16 + 64 + 2) else '1';
LVSYNC	<= '0' when (C_DISP_HEIGHT + 10    ) <= s_dis_v_count
	 and s_dis_v_count < (C_DISP_HEIGHT + 10 +  2    ) else '1';

はてな記法 - シンタックスハイライト

>|形式|
〜コード〜
||<

形式 は、上の場合は「vhdl」で他にもphp, ruby, cpp, cs等々。
詳しくは参考サイトへ。

---

色が気に入らないので CSS を編集して・・・。
こんなとこだろうか。
しかし、適宜改行いれないと見にくい。
というか pre だから改行されない。
右のエリアに文字がつっこんでしまうようだ。

ページ幅は 950px ともう限界に近いのでサイドバーを狭くして記事のエリアを広げよう。

参考サイト

http://hatenadiary.g.hatena.ne.jp/keyword/%E3%82%BD%E3%83%BC%E3%82%B9%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E8%89%B2%E4%BB%98%E3%81%91%E3%81%97%E3%81%A6%E8%A8%98%E8%BF%B0%E3%81%99%E3%82%8B%EF%BC%88%E3%82%B7%E3%83%B3%E3%82%BF%E3%83%83%E3%82%AF%E3%82%B9%E3%83%BB%E3%83%8F%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%88%EF%BC%89