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(無言フォローもお気軽に)

スポンサーリンク
記事を書いている人
ミサキ

プログラマ(@東京の国立研究所)として働きながら,占い師(の卵)としても活動しています.そのため,占いモニターを定期的に募集しています!⇒占いモニターのページ.実は,天文学の博士でもあります☆彡

詳しいプロフィールはこちら

ミサキをフォローする
Cocoon WordPress
スポンサーリンク
ミサキをフォローする
プログラマー&天文博士&占い師 ミサキのブログ

コメント

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