Highlight.jsのおすすめスタイル10選 | Cocoon

WordPressのテーマ「Cocoon」では、Highlight.jsのコードハイライトが使えます。

でも、コードハイライトの種類は73もあるので、ちょっと迷ってしまうかも知れません。

そこで、私が選んだおすすめのスタイルを紹介します。

ちなみに私は、天文の研究やデータ分析を通じて、15年くらいプログラミングをしています。

スタイルの選び方

Highlight.jsのデモサイトでスタイルを一つずつ見て、自分にとって見やすいのを選びました。

highlight.js demo

スタイル10選

アルファベット順に紹介していきます。

  1. Atelier Estuary Dark
Atelier Estuary Dark
  1. Atelier Savanna Dark
Atelier Savanna Dark
  1. Darcula
Darcula
  1. Pojoaque
Pojoaque
  1. Railscasts ※現在使用中のスタイル
Railscasts
  1. Tomorrow Night Eighties
Tomorrow Night Eighties
  1. Tomorrow Night
Tomorrow Night

残念ながら、以下の3つはCocoon(バージョン: 1.9.3.1)にありませんでした。
お手数ですが、Highlight.jsのデモサイトで確認いただければと思います。
すみません。。。

  1. Atom One Dark Reasonable
  2. Atom One Dark
  3. Ocean

おわりに

Highlight.jsのおすすめスタイル10選を紹介しました。
意識はしていませんでした、全て(8-10も含め)ダーク系になっちゃいました。
スタイルの中には、明るいライト系もありますので、ぜひご確認ください。
では。


YouTube: ミサキさん

問い合わせ先
Mail: caprico.aries@gmail.com
Twitter: https://twitter.com/caprico_aries(無言フォローもお気軽に)

コメント

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