Skip to content

A simple and text-centric theme for Hugo.io

License

Notifications You must be signed in to change notification settings

goodroot/hugo-classic

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hugo.io - Classic Theme

Classic is a stylized fork of the XMin theme, written by Yihui Xie.

Provides highlight.js for syntax highlighting, emoji support, Inter and optional darkmode.

View live demo

Instructions

1: Install Hugo.

brew install hugo

2: Create a new site.

hugo new site classic

3: Change to themes dir.

cd classic/themes

4: Clone the repo

git clone git@github.com:goodroot/hugo-classic.git

5: Copy files within the exampleSite directory

cp -a hugo-classic/exampleSite/. ../

6: Run hugo server within classic/

cd .. && hugo server

New Posts

Make new posts:

hugo new post/good-to-great.md

Header Colour

Adjust header colour within static/css/style.css

header {
    background: #613DC1;
}

... background: to any colour value you'd like!

For header font:

header a {
    color: #fff;
}

Change color: to a nice matching colour.

Darkmode

Match or over-ride system-wide dark/light settings

  1. Open static/css/style.css

  2. Edit the following attributes to match light/dark

/* darkmode */
@media (prefers-color-scheme: dark) {
    ...
}

/* lightmode */
@media (prefers-color-scheme: light) {
    ...
}

Screenshot

Hugo Classic dark mode Hugo Classic light mode

Blog Posts

hugo-classic has appeared in...

15 Hugo Framework blog themes by paskal

About

A simple and text-centric theme for Hugo.io

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 50.3%
  • HTML 49.7%