Hi all. The markup generated for highlighted syntax is different on my local build and my website running on Github Pages. I’m not very Ruby person, Jekyll is the only piece of software that I use Ruby for. I updated my local githug-pages gem to the latest version to make sure that all the dependen…

Doesn’t look like you have a Gemfile so it’s entirely possible some of the gems you’re locally using are different versions from GitHub Pages. If you use a Gemfile as instructed here and run Jekyll with bundle exec jekyll serve you should replicate GitHub Pages environment exactly. Specifically Rou…

I keep the versions of all the gh-pages dependencies in sync by updating a gem. I run exactly the same versions of all the component. Inconsistency still occurs.

When was the last time GitHub Pages built your site? If it’s been a bit, entirely possible what you’re seeing there is using older versions of Jekyll/Rouge which is why the syntax highlighted blocks have different markup. I just cloned your repo, used the GitHub Pages gem to build the site and I’m …

For what it’s worth, all of my GitHub Pages built repos all show code blocks like above. I’m thinking if you force a rebuild of your site you’ll see the newer markup that omits the extra <div class="highlight">.

Thanks a lot for your effort and help. Just forced rebuild bu sending an empty commit git commit -m 'rebuild pages' --allow-empty. Unfortunately with no result. As suggested by one super helpful girl from Github stuff, I reported an issue. Time will show. Thanks again for your help. [ima…

Did some more digging and looking at some of Jekyll’s tests, it appears the extra <div class="highlight"></div> markup is part of Rouge 2. Crunch09/jekyll/blob/17d7637ad59177670d24041df0bbdf41802a2873/test/test_tags.rb#L371-L380 should "render markdown with rouge 2" do skip "Skipped …

Related… Bump rouge to v2.2.1 github:master ← github:rouge-v2-2-1 opened 08:10PM - 05 Oct 17 UTC (UTC) [hubot] hubot +3 -2 …

Can’t than you enough for your help and support. I’m not a RUby developer and to be honest with you I installed bundler for a first time in my life yesterday. I need to figure it out why the dependency version is different than the one in my Gemfile. I’ll ask some pals at work for help. Thank you a…

I just encountered the same issue as @pawelgrzybek github copy has the extra <div class="highlight"> local copy is ok. Never seen this before, just notice it today after pushing.

Exactly the same thing with me: https://irudnyts.github.io/Dortmund-real-estate-market-analysis-tree-based-methods/ Highlighting has an extra frame.

Different syntax highlighting on GitHub Pages and locaklly

Help

jpl October 20, 2017, 9:26pm 14

Hi @parkr thanks for the info. How can we run gem uninstall rouge and select the version that is not 2.2.1 on github? I understand we can do this locally.

Topic		Replies	Views
My local env isn't creating complete markup for syntax highlighting Help	10	1657	December 28, 2020
Pygments-high-contrast-stylesheets - WCAG AA passing Pygments stylesheets Share	4	1829	November 18, 2017
Rouge: code snippet highlighting not working Help	3	6436	February 12, 2017
Syntax Highlighting Help	2	2175	June 24, 2018
Problems with Markdown / Syntax Highlighting	2	2488	February 12, 2019

Different syntax highlighting on GitHub Pages and locaklly

Related topics