CocoonでソースコードをQiitaのように表示する方法

Cocoon標準のソースコードハイライト機能は、文字数が多い時に自動で改行されます。
個人的にはQiitaのように横スクロールになってくれると嬉しいです。

調べてみたところ、以下のサイトで説明されている「Highlighting Code Block」というプラグインが良さそうです。

WordPressでいい感じのソースコードを書きたい
はい「Wordpressでいい感じのxxxしたい」シリーズです。ソースコードを書きたいというよりは、シンタックスハイライトとかをいい感じに表示させるには?というお題です。私が書きたい記事にはサーバーの環境構築とかもあるのでqiitaであるよ

しかし、これだけだと以下2つの問題があります。

  • 行番号が表示されない
  • ハイライトされない(色が変わらない)

これらに対する解決策が、同じブログの別のページに書かれていました。

プラグイン「Highlighting Code Block」を使いこなす
Cocoon標準のシンタックスハイライトは比較的優秀だけど、文字数が多い時に変な折り返しがある(横スクロールになる時もあれば、勝手に折り返される時もある)qiitaとかによくある「copy」や「ファイル名」が右上に表示されたりしないという点

対応言語を増やす方法も同ページに書かれています。

個人的には配色が少し気に入りませんでしたが、そのあたりは今後調べていこうと思います。

コメント

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