Jekyll Themes & Templates Logo Jekyll Themes & Templates
MrGreen JekyllTheme screenshot

MrGreen JekyllTheme

Author Avatar Theme by Mrgreensworkshop
Updated: 16 Apr 2025
176 Stars

Mr. Green is a multilingual theme generated with Jekyll and fully compatible with GitHub Pages.

Github Live Preview

Categories

Blog

Overview:

The Mr. Green Jekyll theme is a multilingual theme built with Jekyll and is fully compatible with GitHub Pages. It was created with the intention of being shared with the open-source community as a template. The theme offers a range of features including multilingual support, auto navigation button adder, layout options for different pages, color scheme switching, image lazy loading, footer with creative commons licensing, and various SEO and analytics features.

Features:

  • Multilingual web site: English (default), Japanese, Brazilian Portuguese, French
  • Recommended language offer feature: Offers the recommended language for the site
  • Auto Navigation Button adder with icon enable disable options: Allows adding and managing navigation buttons with icons
  • Layouts for Home, About, Archives, Post-list, Links, Projects and more: Offers various layout options for different pages
  • Color scheme switching options (Dark light): Allows switching between dark and light color schemes
  • Auto Contact option adder: Automatically adds a contact option to the site
  • Auto image referrer: No need to add full path for images, just add “:” in front of it
  • Image lazy loader, image viewer: Provides lazy loading and image viewing functionalities
  • Cool Footer with creative commons licensing: Adds a creative commons licensed footer
  • Movable Table of Contents modal box for Posts: Provides a movable table of contents modal box for posts
  • Post Share Options: Allows users to share posts
  • Post-listing by Category or Tags: Enables listing of posts based on category or tags
  • Comments for posts: Supports comments for posts, including Giscus and Disqus options
  • Selectable numbered pagination or scroll to load type: Choose between numbered pagination or scroll to load type for easier navigation
  • Sitemap feature: Generates a sitemap for the website
  • Search Engine Optimization (SEO): Provides features for optimizing the website for search engines
  • Schema Markup: Supports schema markup for better search engine visibility
  • Open Graph: Generates Open Graph metadata for sharing on social media
  • Twitter: Integrates with Twitter for social sharing and analytics
  • Analytics (Google Analytics): Includes support for Google Analytics for website analytics
  • Cookie consent feature: Provides a cookie consent feature for compliance with privacy laws
  • Contact form feature (Google Forms): Allows users to add a contact form using Google Forms
  • Site Search feature: Adds a search feature to the website
  • Code Compression for small footprint (HTML JS SCSS): Compresses code for faster loading times
  • Mobile App support: Supports development of a mobile app for the website
  • Mobile device friendly: Tested and optimized for Android and IOS devices
  • Well organized folder structure for developers: Offers a well-organized folder structure for developers to work with

Installation:

GitHub Pages:

  1. Fork the repo.
  2. Edit _config.yml and change the URL to https://your_github_user_name.github.io.
  3. Rename the repo name to your_github_user_name.github.io.
  4. Check the Deploy status in the Actions tab on the repo. When it turns green, your site is up and running at https://your_github_user_name.github.io.

Local build:

  1. Install Jekyll to your OS.
  2. Clone or download the repo.
  3. In the command prompt, go to the folder and run bundle install command.
  4. Build using bundle exec jekyll serve --watch --host 0.0.0.0 --safe command.
    • Use the --host 0.0.0.0 parameter to access the web server from the same LAN.
    • Use the --safe parameter to make sure no 3rd party plugin is added (for GitHub pages development).
  5. Your page will be up and running at the 0.0.0.0:4000/ address.

Summary:

The Mr. Green Jekyll theme is a multilingual theme built with Jekyll and designed to be fully compatible with GitHub Pages. It offers a range of features such as multilingual support, customizable layouts, color scheme switching, SEO optimization, analytics integration, and more. Installation is straightforward, either through GitHub Pages or for local builds. The theme provides a comprehensive solution for creating a visually appealing and functional multilingual website.