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.
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
Make new posts:
hugo new post/good-to-great.md
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.
Match or over-ride system-wide dark/light settings
-
Open
static/css/style.css -
Edit the following attributes to match light/dark
/* darkmode */
@media (prefers-color-scheme: dark) {
...
}
/* lightmode */
@media (prefers-color-scheme: light) {
...
}
hugo-classic has appeared in...