ソースコードをsyntax highlighで見やすく挿入する
CodeSnippetアドオンをインストールすると表示される、Code Snippetブロックを任意のエリアにドラッグします。


保存するとページで構文に応じて配色されたコードが表示されます。

ブロックを編集でテーマをCodepen Embedに変更してみます。

異なった配色のテーマでプログラムコードが表示されます。

Syntax highlightはhighlight.jsを利用しているため。
https://highlightjs.org/にアクセスしてトップ画面にあるテーマのサンプルの下部のstyle:のところをクリックすると次々にテーマが入れ替わりますので、気に入ったテーマを見つけることができます。
