WP Plugin: My Syntax Highlighter

An easy to use, with intuitive interface, WordPress plugin that provides a simple way for embedding syntax-highlighted source code within pages or posts on your website, without losing it’s formatting or making any manual changes. Supporting 13 languages, 16 shortcodes and 36 themes. The syntax highlighting feature implemented via a CodeMirror library.

Replace the Rouge highlighter with Prism.js in Jekyll

By default Jekyll 3, ships with Rouge syntax highlighter. But for some reasons you may want to replace it with Prism.js syntax highlighter. Prism.js is a very lightweight JavaScript library to provide code highlighting on websites. In this article I will show you how to set up it on Jekyll-based website.

Disable the Rouge - Jekyll's default syntax highlighter

By default Jekyll version 3, ships with Rouge syntax highlighter. For some reason, you may want to disable it. For example, if you replace the built-in Rouge to another syntax highlighter such as Prism.js or your own custom highlighter.

Fixing the Jekyll + GitHub Metadata warning

We can set up a local version of our Jekyll GitHub Pages website to preview our website before making the changes public. But when I run the jekyll serve command it throws the following error message:

GitHub Metadata: No GitHub API authentication could be found. Some fields may be missing or have incorrect data.

Syntax Highlighting in Jekyll

Jekyll has built in support for Syntax Highlighting of over 100 languages. You can have code snippets highlighted so that they are easier to read on your GitHub Pages website. In this post I will show you how you can integrate Rouge into your Jekyll setup.