0.0
The project is in a healthy, maintained state
Minimalist dark theme for developers and writers
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
 Dependencies

Development

~> 2.2

Runtime

 Project Readme

๐Ÿงžโ€โ™€๏ธ Luma

A minimalist dark blog theme for Jekyll

Gem Version Jekyll License

Live Demo ยท Changelog ยท Report Bug

Luma Jekyll Theme Preview

๐Ÿ“‘ Table of Contents

  • Features
  • Requirements
  • Quick Start
  • GitHub Pages Deployment
  • Configuration
  • Customization
  • File Structure
  • Development
  • Contributing
  • License

โœจ Features

Feature Description
๐ŸŒ™ Dark Design Elegant minimalist dark theme, easy on the eyes
๐Ÿ“ฑ Responsive Fully mobile-friendly and adapts to all screen sizes
โšก Performance Optimized for fast load times and SEO
๐Ÿ“Š Analytics Built-in Google Analytics support
๐ŸŽจ Customizable Built with Sass for easy styling modifications
๐Ÿ”Œ Easy Setup Simple gem installation, works out of the box
๐Ÿ™ GitHub Pages Compatible with GitHub Pages hosting

๐Ÿ“‹ Requirements

  • Ruby >= 2.7
  • Jekyll >= 4.2
  • Bundler >= 2.0

๐Ÿš€ Quick Start

1. Add Luma to your Gemfile

gem "luma-jekyll"

2. Set the theme in _config.yml

theme: luma-jekyll

3. Install dependencies

bundle install

4. Start your site

bundle exec jekyll serve

Visit http://localhost:4000 to see your site in action.


๐Ÿ™ GitHub Pages Deployment

To use Luma with GitHub Pages, use the jekyll-remote-theme plugin:

1. Update your Gemfile

gem "jekyll-remote-theme"

2. Configure _config.yml

plugins:
  - jekyll-remote-theme

remote_theme: AlexsandroSA/luma-jekyll

3. Push to GitHub

Commit and push your changes. GitHub Pages will automatically build and deploy your site.


โš™๏ธ Configuration

Customize your site by editing _config.yml:

# Site Settings
title: Your Site Title
description: A brief description of your site
url: https://yourdomain.com
baseurl: ""

# Author
author:
  name: Your Name
  email: your@email.com

# Social Links
social:
  github: your-username
  twitter: your-handle
  linkedin: your-profile

# Analytics
google_analytics: UA-XXXXXXXX-X

๐ŸŽจ Customization

Overriding Theme Files

Copy any file from the theme's directories into your site to customize:

Directory Purpose
_layouts/ Page templates (default, home, post, page)
_includes/ Reusable components (header, footer, head)
_sass/ Sass partials and variables
assets/ CSS, images, and static files

Custom Styles

Create or edit assets/css/style.scss in your site:

---
---

// Override variables before importing the theme
$primary-color: #E9967A;
$background-color: #1a1a1a;

@import "luma";

Adding Pages

Create Markdown or HTML files in your site root:

---
layout: page
title: About
permalink: /about/
---

Your content here...

๐Ÿ“ File Structure

luma-jekyll/
โ”œโ”€โ”€ _includes/
โ”‚   โ”œโ”€โ”€ footer.html
โ”‚   โ”œโ”€โ”€ google-analytics.html
โ”‚   โ”œโ”€โ”€ head.html
โ”‚   โ””โ”€โ”€ header.html
โ”œโ”€โ”€ _layouts/
โ”‚   โ”œโ”€โ”€ default.html
โ”‚   โ”œโ”€โ”€ home.html
โ”‚   โ”œโ”€โ”€ page.html
โ”‚   โ””โ”€โ”€ post.html
โ”œโ”€โ”€ _posts/
โ”‚   โ””โ”€โ”€ (your blog posts)
โ”œโ”€โ”€ assets/
โ”‚   โ”œโ”€โ”€ css/
โ”‚   โ”‚   โ””โ”€โ”€ style.scss
โ”‚   โ””โ”€โ”€ image/
โ”‚       โ””โ”€โ”€ favicon.ico
โ”œโ”€โ”€ _config.yml
โ””โ”€โ”€ index.html

๐Ÿง‘โ€๐Ÿ’ป Development

To contribute to or modify the theme:

# Clone the repository
git clone https://github.com/AlexsandroSA/luma-jekyll.git
cd luma-jekyll

# Install dependencies
bundle install

# Start development server
bundle exec jekyll serve --livereload

Building the Gem

gem build luma-jekyll.gemspec
gem push luma-jekyll-*.gem

Note: Only files in _layouts, _includes, _sass, and assets are bundled in the gem. Update the regexp in luma-jekyll.gemspec to include additional files.


๐Ÿค Contributing

Contributions are welcome! Here's how you can help:

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

Please read our Contributing Guidelines and follow the Contributor Covenant code of conduct.


๐Ÿ“„ License

Distributed under the MIT License. See LICENSE.txt for more information.


Made with โ™ฅ by Alexsandro Alves

โญ Star this repo if you find it useful!