Skip to content

csswitch/jekyll-terminal-theme

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

8 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

jekyll-terminal-theme

License: csswitch Commercial Buy on Gumroad Live Demo

πŸ“„ License & Pricing

Free Paid β€” $49
Personal / non-commercial site βœ… βœ…
Footer attribution required βœ… must keep ❌ removed
Commercial / client projects ❌ βœ…
Future theme updates ❌ βœ…
Private source repo access ❌ βœ…

Free to use on personal projects β€” just keep the small "Theme by csswitch" footer link intact.
Buy the $49 license to remove the attribution, use commercially, and receive future updates.

Buy on Gumroad β€” $49 β†’

See LICENSE for full terms.


A retro terminal-style Jekyll theme for developer blogs and portfolios. Green phosphor on black, ls -la post listings, CRT scanlines β€” zero paid competition in this aesthetic.

Live Demo Β· Buy on jekyllthemes.io Β· Buy on Gumroad


Terminal theme screenshot β€” green phosphor on black, ls -la post list


Features

  • 🟒 4 color schemes β€” green (default), amber, blue, white β€” switch in _config.yml
  • πŸ“Ί CRT scanlines + phosphor glow β€” toggleable visual effects
  • ⚑ Boot sequence animation β€” shows once per browser session
  • ⌨️ ls -la post listing β€” date | title | tags in a monospace grid
  • πŸ”€ Blinking cursor in the header prompt
  • πŸŒ‘ True dark background β€” #0a0a0a base (not fake dark gray)
  • πŸ“± Responsive β€” works on mobile, adapts the terminal aesthetic
  • 🚫 No jQuery β€” 100% vanilla JS (~4 KB)
  • βœ… GitHub Pages compatible β€” only whitelisted plugins
  • πŸ” SEO ready β€” jekyll-seo-tag, Open Graph, canonical URLs
  • πŸ“‘ RSS feed via jekyll-feed
  • πŸ“‹ Copy buttons on all code blocks
  • ⌨️ Keyboard shortcuts β€” / for search, Alt+H for home
  • πŸ“„ 4 layouts β€” home, post, page, default
  • 🏷️ Tags page β€” grouped tag index
  • πŸ“… Archive page β€” posts grouped by year

Screenshots

Desktop β€” Green Desktop β€” Amber
Green scheme desktop Amber scheme desktop
Mobile Post view
Mobile view Post layout

Installation

Quick start (copy & use)

  1. Download the ZIP from Gumroad or jekyllthemes.io
  2. Unzip into your project folder
  3. Edit _config.yml with your details
  4. Run locally:
bundle install
bundle exec jekyll serve
  1. Push to GitHub β€” enable Pages under repo Settings β†’ Pages β†’ main branch β†’ /root

Use as a remote theme

Add to your _config.yml:

remote_theme: devshelf/jekyll-terminal-theme

And to your Gemfile:

gem "jekyll-remote-theme"

Configuration

All options live in _config.yml under the terminal: key:

terminal:
  username: "user"          # shown in header prompt: user@hostname:~ $
  hostname: "blog"
  prompt_char: "$"          # or ">" or "❯"
  color_scheme: "green"     # green | amber | blue | white
  show_boot_sequence: true  # false to skip the boot animation entirely
  scanlines: true           # CRT scanline overlay
  crt_glow: true            # phosphor glow on text
  cursor_blink: true        # blinking cursor in header

Color schemes

color_scheme Primary Background Look
green #00ff41 #0a0a0a Classic Matrix / VT100
amber #ffb000 #0a0a0a Warm vintage terminal
blue #00aaff #0a0a0a IBM 3270
white #e0e0e0 #1a1a1a Soft light mode

Navigation

nav:
  - title: "home"
    url: "/"
  - title: "about"
    url: "/about/"
  - title: "archive"
    url: "/archive/"
  - title: "tags"
    url: "/tags/"

Writing Posts

_posts/YYYY-MM-DD-post-title.md
---
layout: post
title: "Your Post Title"
date: 2024-01-15 09:00:00 +0000
tags: [tag1, tag2]
description: "Short summary for SEO and card previews."
---

File Structure

jekyll-terminal-theme/
β”œβ”€β”€ _config.yml
β”œβ”€β”€ Gemfile
β”œβ”€β”€ LICENSE
β”œβ”€β”€ index.html
β”œβ”€β”€ about.md
β”œβ”€β”€ archive.md
β”œβ”€β”€ tags.md
β”œβ”€β”€ _layouts/
β”‚   β”œβ”€β”€ default.html
β”‚   β”œβ”€β”€ home.html
β”‚   β”œβ”€β”€ post.html
β”‚   └── page.html
β”œβ”€β”€ _includes/
β”‚   β”œβ”€β”€ header.html
β”‚   └── footer.html
β”œβ”€β”€ _sass/
β”‚   β”œβ”€β”€ _variables.scss
β”‚   β”œβ”€β”€ _base.scss
β”‚   β”œβ”€β”€ _layout.scss
β”‚   β”œβ”€β”€ _components.scss
β”‚   └── _terminal-fx.scss
β”œβ”€β”€ assets/
β”‚   β”œβ”€β”€ css/main.scss
β”‚   └── js/terminal.js
└── _posts/
    β”œβ”€β”€ 2024-01-15-welcome-to-jekyll-terminal-theme.md
    └── 2024-01-22-making-a-jekyll-theme-that-sells.md

Browser Support

Chrome 90+, Firefox 88+, Safari 14+, Edge 90+. No IE support.


License

MIT License β€” see LICENSE.

You may use this theme for personal and commercial projects. You may not resell or redistribute the theme files themselves.


Credits

Built by devshelf β€” premium Jekyll themes & developer guides.


Changelog

v1.0.0 β€” Initial release

  • 4 color schemes (green, amber, blue, white)
  • Boot sequence animation (sessionStorage-based, once per session)
  • CRT scanlines + phosphor glow effects
  • ls -la post listing
  • Copy buttons on code blocks
  • Keyboard shortcuts
  • Fully responsive

About

Retro terminal-style Jekyll theme for developer blogs. Green phosphor, ls -la post listings, CRT effects. By csswitch.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors