How to fix: bundler: command not found: jekyll

We can set up a local version of our Jekyll GitHub Pages website to preview our website before making the changes public. But after upgrading MacOS to version “High Sierra” on my MacBook, when I run the jekyll bundle exec jekyll serve command it throws the following error message:

$ bundle exec jekyll serve
bundler: command not found: jekyll
Install missing gem executables with `bundle install`

How to fix: Your user account isn't allowed to install to the system RubyGems

This happened to me after upgrading MacOS to version “High Sierra” on my MacBook. I cloned my application repository and went to execute a bundle install command, but it throws the following error message:

The problem with highlighting PHP code with Rouge

By default Jekyll version 3, ships with Rouge syntax highlighter. It has built in support for syntax highlighting of over 100 languages. I’m using Rouge with fenced code blocks in markdown. But I noticed that in the case of PHP code, the highlighting does not work at all.

Run WordPress Multisite locally on macOS with MAMP PRO app

Recently I have been working on a large project that required using the WordPress multisite. WordPress Multisite enables you to create multiple websites from a single installation, requiring only one database and one set of files for many websites. On my macOS devices I use MAMP PRO app by appsolute GmbH for local development and therefore I needed to get MAMP working with WordPress multisite and sub domains. In this tutorial, you’ll learn how to run WordPress Multisite with a MAMP PRO app.

Jekyll + Bootstrap: Dynamic navigation bar with highlighting of the active element

I love using Jekyll and Bootstrap to create static websites. Jekyll is pretty cool, but doesn’t have really much helper utils to get common tasks done well and fast. In building a website powered by Jekyll, I want to have ability to create a dynamic navigation bar with highlighting of the active element in the bar. I also wanted the bar to support the second level elements (i.e. Bootstrap Dropdown menu). Since I don’t like hard coded HTML navigation links, I therefore worked out an alternative, configurable way. This is the solution I arrived at after a few hours of thinking and code writing.