Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to enable highlight.js for syntax highlighting of code blocks #5

wants to merge 1 commit into
base: master
Choose a base branch


Copy link

@yihui yihui commented Jun 21, 2017

Add CSS to <head> in head_custom.html (I'm using the github theme here), and JavaScript to foot_custom.html. highlight.min.js supports common languages here: As an example, I added r.min.js to support R. To add support for any other languages, find their filenames on

hljs.configure({languages: []}); means highlight.js should not automatically detect languages in <pre>. I set this option because I found the automatic detection was often more annoying than useful, e.g. your R code chunk output could be syntax highlighted, which really should not be.


@yihui yihui added the feature label Jun 22, 2017
@yihui yihui changed the title How to support highlight.js How to enable highlight.js for syntax highlighting of code blocks Jun 22, 2017
@yihui yihui force-pushed the feature/highlight.js branch 2 times, most recently from 8f67c83 to 1d7df7d Compare July 3, 2017 18:18
@yihui yihui force-pushed the feature/highlight.js branch 3 times, most recently from a9e043a to cbc827a Compare July 13, 2017 07:08
Copy link

dracodoc commented Mar 20, 2018

I want to add some examples of using different styles. Here are some styles hosted in cdn. And here are some demos.

I just replaced the line in layout/partials/head_custom.html to a different css and it worked.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
None yet

Successfully merging this pull request may close these issues.

None yet

2 participants