From b8cff7b4fb377326257e33022c58c340b61cde22 Mon Sep 17 00:00:00 2001 From: zzossig <52706977+zzossig@users.noreply.github.com> Date: Thu, 28 Nov 2019 01:47:41 +0900 Subject: [PATCH] Update README.md --- README.md | 28 +++++++++++++++++++++++++--- 1 file changed, 25 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index b02bd2f..d03ff6b 100644 --- a/README.md +++ b/README.md @@ -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.