Syntax Highlight

issue

From highlightjs.org/download, I specified only few languages, to download them

I got this zip

I have chosen highlight.min.js, by:

cp ~/Download/highlight.min.js ~/mybook/theme/highlight.js

├── book.toml
├── src
│   ├── chapter_1.md
│   └── SUMMARY.md
└── theme
    ├── highlight.css
    └── highlight.js

MISSING

highlight.css can't load from original highlightjs repo automatic

wget https://github.com/highlightjs/highlight.js/blob/84719c17a51d7bb045f2df441b9c00f871f7c063/src/styles/base16/github.css \
 -O ~/mybook/theme/highlight.css

but I can load it manually with some extension like stylus

OR

add to book.toml

[output.html]
additional-css = ["./theme/highlight.css"]

with some modification in theme/highlight.css

.hljs {
+  display: block;
+  overflow-x: auto;
   color: #adbac7;
-  background: #22272e;
}