blob: 40bee80cd6f53cc79f07ae9f9369f781028599e9 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
|
# Hugo.io - Classic Theme
Classic is 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 git@github.com:goodroot/hugo-classic.git
```
5: Copy files within the `exampleSite` directory into the classic directory. Overwrite the existing `content/`, `static/`, and `config.toml` files.
6: Run `hugo server` within `classic/` and enjoy and customize to your hearts content!
### New Posts
To make new posts, simply use the command line:
```
hugo new post/good-to-great.md
```
### Header Colour
To adjust the header colour, head to `static/css/style.css` and change...
```
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
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
![Screenshot of Hugo Classic](/images/screenshot.png)
## 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)
|