起きている現象
ブログに載せたコードにて、「<」が「＆lt;」と表示されてしまう（編集画面では「<」表示なのに、プレビューでは「＆lt;」と表示されてしまう）
（変換してしまうため↑の'&‘は全角で記載しています）
環境
Crayon Syntax Highlighter を使用
対策（ざっくり）
Crayon Syntax Highlighter設定だけで直ります！（以下のやりかた参照）
対策（やりかた）
左のメニューで「設定」→「Crayon」を選択
下にスクロールします
「Decode HTML entities in code」にチェックを入れ、下にスクロール
「Save Changes」を押して、設定を保存する
結果
ちゃんと「<」は「<」のまま表示されました！
 |
 |
文字化けの理由
HTMLでは「<」はHTMLタグを表現するための特殊文字です。HTMLタグとはなどのことです。このHTMLタグと不等号の「<（つまり、小なり Less Than）」を区別するために表現が違います。ここを自動変換してしまった結果です。