Github updated to jekyll to version 3.0. Due to this update pygments is not longer supported. Therefore I need to update stylings and configuration.

Styling

I replace pygemnts styling with GitHub syntax.css for rouge styling.

Unfortunately Bootstrap is breaking highlight usability due to defaults on <pre> and <code> . Furthermore I need to fix borders, margins and paddings to provide balanced highlighting.

My solution:

.highlight pre { padding : 0 ; background-color : transparent ; border : 0 ; border-radius : 0 ; } .highlight .table-responsive , .highlight pre , .highlight .table > tbody > tr > td { border : 0 ; } .highlight .table-responsive { margin-bottom : 0 ; } .highlight .table > tbody > tr > td { padding : 8px 8px 0 8px ; }

Configuration

Pygemnts needs to be replaced by rogue. I also add support for kramdown. Additionally I use input: GFM to use the same syntax for code blocks on jekyll and GitHub.

markdown : kramdown kramdown : input : GFM syntax_highlighter : rouge

Finally I need to replace all Pygments code block syntax with GitHub code block syntax.

Reference

Jekyll 3.0 post on GitHub