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