0.0
The project is in a healthy, maintained state
Spectrum is a modern Jekyll theme designed for developers and tech enthusiasts. Features include tech bite sections, responsive design, dark mode support, and clean typography optimized for readability and performance.
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
 Dependencies

Development

~> 2.0

Runtime

 Project Readme

Spectrum - Minimal Jekyll Theme

Jekyll Ruby MIT License GitHub stars Featured on Jekyll Themes

🚀 LIVE DEMO

dudududukim.github.io/spectrum/

👆 Click here to see the live demo!

Homepage Light

A clean and minimal Jekyll theme designed for personal websites and blogs with a focus on simplicity and customizability. Perfect for professional researchers, undergraduates, and creators from diverse backgrounds who want an easy-to-use yet flexible platform.

Spectrum Jekyll Theme

A minimal, responsive Jekyll theme with excellent typography and dynamic color theming. Perfect for developers, researchers, and creatives who want a clean, professional website.

✨ Key Features

  • Dynamic Primary Color System - Change one color in _config.yml to instantly personalize your entire site
  • Dual Content Types:
    • Tech Bites: Blog posts, paper summaries, or journal entries
    • Films: Photography gallery with markdown descriptions and metadata
  • Responsive Design with mobile-first approach
  • Light & Dark Theme support with automatic switching
  • Minimal & Clean design focused on readability
  • GitHub Actions deployment ready

Quick Start

Prerequisites

  • Ruby 3.2+ and Bundler
  • Git

Installation

  1. Clone the repo
git clone https://github.com/dudududukim/spectrum.git
cd spectrum
  1. Install dependencies
bundle install
  1. Configure your site

    • Edit _config.yml to update site details, personal bio, and colors
  2. Enable GitHub Pages deployment

    • Go to Settings > Pages in your GitHub repository
    • Set Source to "GitHub Actions"
  3. Run locally

bundle exec jekyll serve
  1. Visit http://localhost:4000 in your browser

Usage & Customization

Tech Bites Section

  • Versatile content space: Use for blog posts, paper summaries, research notes, or general articles
  • Create Markdown files in _tech-bites/ with proper front matter
  • Perfect for sharing insights, tutorials, or academic work

Films Section

  • Photography showcase: Upload your own photos or hobby images
  • Rich descriptions: Add Markdown files to provide context, stories, or technical details about your photos
  • Great for visual portfolios or travel documentation

Dynamic Theming

  • One-click personalization: Change the primary color in _config.yml to instantly transform your site's appearance
  • All UI elements automatically adapt to your chosen color scheme

Deployment

GitHub Pages

This Jekyll theme is ready for immediate deployment with GitHub Actions.

  • Workflow file .github/workflows/jekyll.yml is included and ready to use
  • Simply enable GitHub Actions as the source in Settings > Pages
  • Push your changes and watch your site deploy automatically!

Other Platforms

  • Netlify: Auto-detects Jekyll and builds automatically
  • Vercel: Compatible with standard Jekyll builds
  • Self-hosted: Use bundle exec jekyll build for static files

🎨 Live Preview

Homepage Overview

Light Theme Dark Theme
Homepage Light Homepage Dark

Content Sections

Tech Bites Films Gallery
Tech Bites Light Films Light
Tech Bites Dark Films Dark

Individual Content Pages

Markdown Content Photo detail page
Tech Markdown Light Films Photo Light
Tech Markdown Dark Films Photo Dark

Project Structure

spectrum/
├── .github/
│   └── workflows/
│       └── jekyll.yml    # GitHub Actions workflow (included)
├── _data/
│   └── navigation.yml    # Navigation configuration
├── _includes/            # Reusable components
├── _layouts/             # Page templates
├── _sass/                # Stylesheets
├── _tech-bites/          # Blog posts / tech bites / papers
├── _films/               # Photography markdown files
├── assets/               # Images and CSS
├── _config.yml           # Site configuration including colors
├── 404.html              # Custom 404 page
├── index.md              # Homepage
├── tech-bites.md         # Blog listing
├── films.md              # Photography page
├── LINCESE.txt           # License file
└── README.md

Development

Use bundle exec jekyll serve for local development with live reload.

Contributing

Fork the repository, create a feature branch, commit your changes, and open a pull request.

Author

Duhyeon Kim

License

MIT License. See LINCESE.txt file for details.

Support

Submit issues via GitHub Issues or check inline documentation in code files.


Show Your Support

⭐ If you find this Jekyll theme helpful, please give it a star on GitHub! Your support helps maintain and improve this project for everyone.

⭐ Star this repository to show your appreciation and help others discover this theme!


Built with Jekyll