Syntax Highlight Generator

Shiki を使ってコードにシンタックスハイライトを適用した HTML を生成します

Language Theme <pre> に wp-block-code クラスを追加

プレビュー

コードを入力して Generate ボタンを押してください。

下の HTML をコピーして任意の HTML ファイルに貼り付けると、色付きで表示されます。

ブログに、プログラムのコードなどを載せる時に使えます。Syntax highlight のライブラリは必要ありません。