Kramdown / Rouge not working for Code Syntax Highlighting about jekyll-theme-prologue HOT 6 OPEN

Did you add a stylesheet? While Jekyll comes with built-in Rouge support, it does not come with a pre-defined stylesheet so coloring won't work out of the box. You can find various example stylesheets online, or you can use a tool* like pygments-css to generate one. Stick that stylesheet in the _sass folder and make sure to import it in the assets/css/main.scss file. Then your syntax highlighting should work.

*Correction: pygments-css is actually a repo with a bunch of pre-generated pygments stylesheets you can use. Pygmentize is the actual tool

from jekyll-theme-prologue.

I was having the problem where Rogue didn't seem to do anything at all (not wrapping code keywords in <span> elements, so there would be nothing to style for the Pygments stylesheet).

Then I discovered jekyll/jekyll#3641 (comment), removed highlight: rouge from the root of _config.yml and add syntax_highlighter: rouge underneath the kramdown node instead:

kramdown:
  syntax_highlighter: rouge

from jekyll-theme-prologue.

Hi CodeRedPaul, I'm in the same boat, I can't use 'Rouge'.

I use jekyll v3.7.3, rouge v2.2.1, jekyll-theme-prologue v0.3.2 on Ubuntu

from jekyll-theme-prologue.

@Drakmyth I'm not that familiar with Jekyll, do you mind helping me out a bit?

Say I want to use monokai.css from the stylesheets online, I would put that file directly in _sass folder, then what statement would I use to import it in the assets/css/main.scss file? Something along the lines of @import "monokai.css"?

from jekyll-theme-prologue.

@Drakmyth @LoicH I managed to make it work by sticking the monokai.css in the the assets/css/ folder and importing in assets/css/main/scss

from jekyll-theme-prologue.

Yep, either location works. It just changes the path you pass into the import statement. In my setup, I have (for example) _sass/monokai.scss and then in assets/css/main.scss I have @import "highlight"; but you can do it how you have it as well.

from jekyll-theme-prologue.