Update README.md

This commit is contained in:
zzossig 2019-11-28 01:47:41 +09:00 committed by GitHub
parent 5b6887b72a
commit b8cff7b4fb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 3 deletions

View File

@ -25,16 +25,14 @@ Thank you for click me!. Zzo theme is a blog theme powered by Hugo with free(alw
* CSS grid and flex for layout
* HTML5
* Hugo Pipes for js and sass
* jQuery
* Simple blog
* Minify css
* Meta tags and JSON-LD
* Multilingual (i18n)
* Responsive design
* RSS and JSON feeds with full content
* Search with Lunr
* Gallery with Masonry, Photoswipe
* Prism.js for highlight code
* Fast code highlighting
## Minimum Hugo version
@ -545,6 +543,30 @@ themeOptions = ["custom", "dark", ...]
5. Once you change the skin.toml file, restart hugo.
### custom syntax highlighting
1. Make a skin.toml file at root/data folder. Set the chroma_theme value as you want. Refer this [link](https://xyproto.github.io/splash/docs/all.html).
For example, if you want use monokai style, set the param like this.
```
root/data/skin.toml
chroma_theme = "monokai"
```
2. Add a custom style file if you want to change specific colors. [[custom-css](#custom-css)]
Then, override chroma class. You can find this class at themes/zzo/assets/sass/syntax folder.
Example code is like this.
```
root/assets/scss/custom.scss
.chroma {
background-color: #123456 !important;
}
```
Make sure that !important is necessary. After you changed this param, restart hugo.
### custom header
You may want to change home page header. There are 4 options which is slider, image, text, empty.