highlight.jsのハイライトがおかしくなった話

このブログではhighlight.jsを使ってコードをハイライト表示しています。しかし、最近ハイライトがおかしくなってしまうことがあり、ワードプレスの設定を見直しました。ワードプレスの外観テーマはCocoonを使っているので、以下はそれに即した説明になります。

症状

pythonのコードをハイライト表示した例が下の図です。

ハイライトがおかしい例

色付けが意味ごとになっていないことがわかります。正常なハイライト表示は以下のようになります。

ハイライトが正常な例

解決策

Cocoon設定からコードタブを開き、ライブラリのところで全てを選択したら治りました。なぜ治ったのかはわかりません。

Cocoon設定ページからライブラリのところを全てに変更

highlight.jsの設定変更方法はcocoonの公式ページに詳しく書いてあります。こちらの説明には計量版でもpythonが対応されているということが書かれていますが、いつの更新からか前述のように表示がおかしくなってしまいました。しばらくはこの設定のまま行きたいと思います。

コメント

タイトルとURLをコピーしました