update FAQ for Generate Syntax Highlighter CSS

Aditya Telange 2021-01-22 11:31:33 +05:30
parent 762533ab99
commit 3350876b2b
No known key found for this signature in database
GPG Key ID: 82E844EF3DA99E77

26
FAQs.md

@ -276,16 +276,16 @@ Add `#center` after image to center align an image
1. Disable Highlight.js in site `config.yml`
```yml
params:
```yml
params:
assets:
disableHLJS: true
```
```
2. Set hugo's markdown styling in site `config.yml`
```yml
markup:
```yml
markup:
highlight:
# anchorLineNos: true
codeFences: true
@ -293,19 +293,21 @@ markup:
lineNos: true
# noClasses: false
style: monokai
```
```
3. If you want `lineNos: true`, the background won't be proper.
This will only work with `noClasses: false` or `pygmentsUseClasses: true`.
Read [Generate Syntax Highlighter CSS](https://gohugo.io/content-management/syntax-highlighting/#generate-syntax-highlighter-css)
Add the following to `assets/css/extended/custom.css`
Add the following to `assets/css/extended/custom.css`
```css
.chroma {
```css
.chroma {
background-color: unset;
}
```
}
```
More Info : [Configure Markup - Highlight](https://gohugo.io/getting-started/configuration-markup#highlight)
More Info : [Configure Markup - Highlight](https://gohugo.io/getting-started/configuration-markup#highlight)
---