kienan
/
hugo-theme-zzo
mirror of https://github.com/zzossig/hugo-theme-zzo.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Update README.md

This commit is contained in:
zzossig 2019-11-06 12:33:41 +09:00 committed by GitHub
parent 091157b576
commit 99c40c5971
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
README.md
View File

@ -394,83 +394,7 @@ other = "태그"
## Sub Theme ## Sub Theme
If you don't like the color that I choose, you can make your own sub theme. I'm editing this part
1. Make your theme file
```bash
root
├── assets
│   ├── sass
│   │   ├── themes
│   │   │ ├── _yourtheme.scss
```
```scss
assets/sass/themes/_yourtheme.scss
$yourtheme: (
footer-background-color: #403E41,
footer-color: #bdbdbd,
link: #FFD866,
link-hover: #FF6188,
title-color: #ffd866,
meta-color: #FCFCFA,
....
);
```
2. Import your theme file inside _theme.scss file
```scss
@import 'dark';
@import 'light';
@import 'hacker';
@import 'solarized';
@import 'yourtheme';
$themes: (
dark: $dark,
light: $light,
hacker: $hacker,
solarized: $solarized,
yourtheme: $yourtheme,
);
```
3. Edit config file to expose your theme in dropdown component.
```bash
config/_default/params.toml
...
themeOptions = ["yourtheme", "dark", "light", "hacker", "solarized"]
...
```
4. [optional] Add prism file for highlighting code
```bash
root
├── assets
│   ├── sass
│   │   ├── prism
│   │   │ ├── _yourtheme.scss
```
```scss
// assets/sass/prism/_yourtheme.scss
.theme__yourtheme {
...
}
// assets/sass/prism/_prism.scss
@import 'dark';
@import 'light';
@import 'hacker';
@import 'solarized';
@import 'yourtheme';
```
## Shortcodes ## Shortcodes