ソースコードをsyntax highlighで見やすく挿入する
![](https://c5addon.com/application/files/cache/thumbnails/092191276cd1600212d29d89d1315fd8.png)
CodeSnippetアドオンをインストールすると表示される、Code Snippetブロックを任意のエリアにドラッグします。
保存するとページで構文に応じて配色されたコードが表示されます。
ブロックを編集でテーマをCodepen Embedに変更してみます。
異なった配色のテーマでプログラムコードが表示されます。
Syntax highlightはhighlight.jsを利用しているため。
https://highlightjs.org/にアクセスしてトップ画面にあるテーマのサンプルの下部のstyle:のところをクリックすると次々にテーマが入れ替わりますので、気に入ったテーマを見つけることができます。