This contains our website's actual hugo source the pages repo only contains built HTML files PRs are welcome!
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
Arya K 48b11103eb Trying to fix the theme (This should fix everything) 6 months ago
..
archetypes Trying to fix the theme (This should fix everything) 6 months ago
exampleSite Trying to fix the theme (This should fix everything) 6 months ago
images Trying to fix the theme (This should fix everything) 6 months ago
layouts Trying to fix the theme (This should fix everything) 6 months ago
static/css Trying to fix the theme (This should fix everything) 6 months ago
.gitignore Trying to fix the theme (This should fix everything) 6 months ago
LICENSE.md Trying to fix the theme (This should fix everything) 6 months ago
README.md Trying to fix the theme (This should fix everything) 6 months ago
theme.toml Trying to fix the theme (This should fix everything) 6 months ago

README.md

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