Enabling Syntax Highlighting for R while using Bootstrap from CDN

[henningsway]

I plan to use your theme from R vie blogdown (https://github.com/rstudio/blogdown). Most works very well, only the syntax-highlighting seems broken.

Apparently some part of the bootstrap-theme is overwriting some additional and hard to track-style file (code.less or so). Solutions may involve downloading a recompiled bootstrap again plus some search and replace:

• https://amber.rbind.io/blog/2017/11/15/syntax-highlighting/#step-three-blame-bootstrap
• https://bookdown.org/yihui/blogdown/templates.html (Search for "Enable syntax highlighting via highlight.js")
• https://github.com/yihui/hugo-xmin/pull/5/files (setup for another template, i tried similar steps for this template, but it didn't work so far)

Would be curious, if you could provide some guidance, that may be specific to this theme. Maybe the approach differs if bootstrap is loaded via https://maxcdn.bootstrapcdn.com/?

[henningsway]

possibly this line pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0} in bootstrap.min.css is causing some of the problems according to https://amber.rbind.io/blog/2017/11/15/syntax-highlighting/#step-three-blame-bootstrap.

I've tried to remove the pre and save the code-class in static/css/boostrap.css or so. Is this the problem and how can I best overwrite the downloaded specifications?

Please also see the attached screenshot, where code.less somehow overwrites my syntax highlighting.