Skip to content

AlexsandroSA/luma-jekyll

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

32 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ§žβ€β™€οΈ 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

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!

About

Minimalist dark theme for developers and writers

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors