起きている現象

ブログに載せたコードにて、「<」が「&lt;」と表示されてしまう(編集画面では「<」表示なのに、プレビューでは「&lt;」と表示されてしまう)

(変換してしまうため↑の'&‘は全角で記載しています)

環境

Crayon Syntax Highlighter を使用

対策(ざっくり)

Crayon Syntax Highlighter設定だけで直ります!(以下のやりかた参照)

対策(やりかた)

左のメニューで「設定」→「Crayon」を選択

下にスクロールします

「Decode HTML entities in code」にチェックを入れ、下にスクロール

「Save Changes」を押して、設定を保存する

結果

ちゃんと「<」は「<」のまま表示されました!

文字化けの理由

HTMLでは「<」はHTMLタグを表現するための特殊文字です。HTMLタグとはなどのことです。このHTMLタグと不等号の「<(つまり、小なり Less Than)」を区別するために表現が違います。ここを自動変換してしまった結果です。

参考