https://hugomods.com/docs/code-block-panel/

[giscus[bot]]

https://hugomods.com/docs/code-block-panel/

A simple code block panel module for Hugo, which includes expand toggle, code copy button, line number toggle and wrap toggle.

https://hugomods.com/docs/code-block-panel/

[gavlinski]

Hi! It would be great that future releases also have support to:

• Highlighting specific lines - similar to https://squidfunk.github.io/mkdocs-material/reference/code-blocks/#highlighting-specific-lines
• Highlighting inline code blocks - smilar to https://squidfunk.github.io/mkdocs-material/reference/code-blocks/#highlighting-inline-code-blocks

[razonyang]

Seems already supported by Hugo.

But highlighting inline code blocks syntax (shortcode) is complex than the mkdocs, I search the doc, seems there is no such hook for inline code, so it may not possible to create a shorter syntax so far.

[FuadEfendi]

Hi,
Are there any other themes available? Yellow-Orange colour scheme vs. standard IntelliJ & Visual Studio Code Blue-Green-White.

Yellow-Orange tones are too noisy, maybe good for gaming websites; technology websites are more "Blue" (which is colour of "focus")

[FuadEfendi]

Something is off, I am trying to follow Hugo Docs too, this doesn't work:

hugo.yaml

markup:
  highlight:
    anchorLineNos: false
    codeFences: true
    guessSyntax: false
    hl_Lines: ""
    hl_inline: false
    lineAnchors: ""
    lineNoStart: 1
    lineNos: false
    lineNumbersInTable: true
    noClasses: true
    noHl: false
    style: monokai

This also doesn't work:

params.yaml

code_block_panel:
  max_lines: 100

https://gohugo.io/getting-started/configuration-markup/#highlight
https://xyproto.github.io/splash/docs/longer/all.html

[FuadEfendi]

I found solution, I followed this guide: https://makewithhugo.com/syntax-hightlight-color/

• generated custom CSS
• put link to head-end.html

[razonyang]

Are there any other themes available?

See https://hbstack.dev/modules/look-and-feel/syntax-highlighting/.

Please import the module at the top to get higher priority, otherwise it may won't work

max_lines ...

There is limit of max-height of code block, https://github.com/hugomods/code-block-panel/blob/f767bcf244df199be016fd0e34e107bb02a5d829/assets/mods/code-block-panel/scss/index.scss#L12