Jekyll Metro is a metro-inspired Jekyll theme for personal sites with blogs, built on Bootstrap and open-source under the MIT license. It turns Markdown content into a configurable tile-based homepage, a paginated blog, and dedicated About Me and Resume pages.
What is Jekyll Metro?
Jekyll Metro is a responsive Jekyll theme that gives personal sites a tile-based, Metro-style homepage. It takes standard Jekyll content written in Markdown and renders it into styled HTML pages, including dedicated pages for About Me, Resume, a blog home with pagination, and individual blog posts. The theme is authored by Abdel Raoof Olakara and runs on any Jekyll installation. A live demo is available at http://blog-olakara.rhcloud.com. The project is hosted on GitHub where the repository has received 60 stars.
Key Features
- Metro-style homepage — Configurable tiles with adjustable sizes and colors, plus automatic display of latest and recent articles as tiles.
- Responsive layout — Built on Bootstrap, so the theme adapts to mobile, tablet, and desktop screen sizes.
- Dedicated pages — Includes ready-made About Me and Resume pages with configurable color themes.
- Pagination — Blog home page lists articles with pagination for browsing older posts.
- Google Analytics integration — Add your tracking ID to connect the site to Google Analytics.
- Disqus comments — Enable threaded comments on blog posts by adding your Disqus shortname.
- txtpen highlights — Built-in integration with txtpen to let readers highlight text.
- Share and lightbox — Version 1.0 beta 2 introduced a light box feature, a social media share widget, and new color options.
Who is it for?
- Personal bloggers — Set up a blog with a modern Metro-style homepage and article pagination.
- Developers building a portfolio site — Use the About Me and Resume pages to present your profile with configurable color themes.
- Jekyll users who want customization — Adjust tile sizes, colors, and page color themes without writing HTML from scratch.
What can you do with Jekyll Metro?
- Launch a personal site — Publish a homepage, About Me, Resume, and blog using a single Jekyll theme.
- Customize visual presentation — Change tile sizes, tile colors, and page color themes to match your brand.
- Add community features — Enable Disqus for comments, Google Analytics for traffic, and txtpen for text highlights with minimal configuration.
- Extend the theme — Since the code is open source, you can modify it further; the repository lists contributors Stilyan Kongalov and Peter Zhu.
FAQ
Is Jekyll Metro free?
Yes, Jekyll Metro is open source under the MIT license, so you can use, modify, and distribute it freely.
What is Jekyll Metro built with?
It is built on Jekyll and Bootstrap, and uses other freely available libraries.
Can I use Jekyll Metro for a business site?
The theme is designed for personal sites with blogs; it includes personal pages like About Me and Resume.
Does Jekyll Metro support comments?
Yes, it integrates with Disqus for comments and txtpen for text highlights.




