Spectrum - Minimal Jekyll Theme

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
   

2. Install dependencies

   bundle install
   

3. Configure your site

   • Edit _config.yml to update site details, personal bio, and colors

4. Enable GitHub Pages deployment

   • Go to Settings > Pages in your GitHub repository
   • Set Source to "GitHub Actions"

5. Run locally

   bundle exec jekyll serve
   

6. 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

Content Sections

Tech Bites	Films Gallery

Individual Content Pages

Markdown Content	Photo detail page

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

• GitHub: @dudududukim
• LinkedIn: 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