Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/goodroot/hugo-classic
A simple and text-centric theme for Hugo.io
https://github.com/goodroot/hugo-classic
hugo hugo-blog-theme hugo-theme
Last synced: about 1 month ago
JSON representation
A simple and text-centric theme for Hugo.io
- Host: GitHub
- URL: https://github.com/goodroot/hugo-classic
- Owner: goodroot
- License: mit
- Fork: true (yihui/hugo-xmin)
- Created: 2017-07-13T02:02:26.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2024-08-13T16:48:02.000Z (4 months ago)
- Last Synced: 2024-08-14T19:35:42.478Z (4 months ago)
- Topics: hugo, hugo-blog-theme, hugo-theme
- Language: CSS
- Homepage: https://goodroot.ca
- Size: 3.59 MB
- Stars: 136
- Watchers: 7
- Forks: 69
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-starred - hugo-classic - A simple and text-centric theme for Hugo.io (HTML)
README
# Hugo.io - Classic Theme
Classic is a stylized fork of the **XMin** theme, written by [Yihui Xie](https://yihui.name).
Provides `highlight.js` for syntax highlighting, emoji support, Inter and optional **_darkmode_**.
[**View live demo**](https://goodroot.ca)
### 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 [email protected]: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
```css
/* darkmode */
@media (prefers-color-scheme: dark) {
...
}
/* lightmode */
@media (prefers-color-scheme: light) {
...
}
```
#### Screenshot
## Blog Posts
hugo-classic has appeared in...
[15 Hugo Framework blog themes](https://terrty.net/2018/15-hugo-framework-blog-themes/) by [paskal](https://github.com/paskal)