Shiki CodeblocksShiki Codeblocks

What it does

• Shows code with line numbers and syntax colors under a header with a language icon and name.
• Copy copies the code exactly as it was written between the fences.
• Cards grow with their code up to a fixed height, then scroll.
• Grammars and themes download from jsDelivr when a block first needs them. A custom theme downloads from the URL you enter.

Settings

• Theme picks from 61 VS Code themes. Dark Plus by default.
• Custom theme URL loads an HTTPS theme JSON file and overrides Theme.
• Language icons cycles disabled, greyscale and colored. Greyscale by default.
• Long lines picks Wrap or Horizontal scroll. Wrap by default.
• Background opacity (%) and Highlighting preference tune the card and when Highlight.js takes over from Shiki.