Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Add syntax highlighting to gh-pages

Is there an easy way to add syntax highlighting to my various plugin's gh-pages using github's Pygments?

I know that every page runs through the Jekyll engine and provides syntax highlighting (ref). But I don't want to install a blog. I just want syntax highlighting applied to the code blocks in my gh-pages.

I guess I could always just include a different plugin with my gh-pages...

like image 405
Mottie Avatar asked Jul 07 '11 18:07

Mottie


People also ask

How do you highlight code in Markdown?

To highlight code, write the name of the language the code is written in after the initial triple backticks. In the above example, the code is written in JavaScript, and hence javascript is added after triple backticks.

How do you add a code block in Markdown?

The basic Markdown syntax allows you to create code blocks by indenting lines by four spaces or one tab. If you find that inconvenient, try using fenced code blocks. Depending on your Markdown processor or editor, you'll use three backticks ( ``` ) or three tildes ( ~~~ ) on the lines before and after the code block.

What does GitHub use for syntax highlighting?

We use Linguist to perform language detection and to select third-party grammars for syntax highlighting. You can find out which keywords are valid in the languages YAML file.


1 Answers

Pages already does pygments, there's nothing to install. Just use it!

--- layout: default title: Something with codes ---  Happy fun highlighting.  [More details](https://github.com/mojombo/jekyll/wiki/liquid-extensions)  {% highlight ruby %} def foo   puts 'foo' end {% endhighlight %} 
like image 175
Tekkub Avatar answered Oct 04 '22 10:10

Tekkub