TTIL

2022-01-09 Jekyll の Syntax Highlighting gem, Rouge

Jekyll の Syntax Highlighting gem, Rouge

Jekyll のデフォルトのSyntax Highlighterとしては rouge gem が採用されている。

Jekyll has built in support for syntax highlighting of over 100 languages thanks to Rouge. Rouge is the default highlighter in Jekyll 3 and above.

Tags Filters | Jekyll • Simple, blog-aware, static sites

rougify コマンドでスタイルシート生成

rouge gem にバンドルされている rougify コマンドを使って jekyll で利用可能なスタイルを生成できる。

$ rougify style monokai.sublime > syntax.css

利用可能なスタイルやオプションについては下記の help command の通り:

$ rougify help style
usage: rougify style [<theme-name>] [<options>]

Print CSS styles for the given theme.  Extra options are
passed to the theme. To select a mode (light/dark) for the
theme, append '.light' or '.dark' to the <theme-name>
respectively. Theme defaults to thankful_eyes.

options:
  --scope       (default: .highlight) a css selector to scope by
  --tex         (default: false) render as TeX
  --tex-prefix  (default: RG) a command prefix for TeX
                implies --tex if specified

available themes:
  base16, base16.dark, base16.light, base16.monokai, base16.monokai.dark, base16.monokai.light, base16.solarized, base16.solarized.dark, base16.solarized.light, bw, colorful, github, gruvbox, gruvbox.dark, gruvbox.light, igorpro, magritte, molokai, monokai, monokai.sublime, pastie, thankful_eyes, tulip