sveltekit-shiki-code-highlighting

Sveltekit Shiki Code Highlighting

SvelteKit Shiki syntax highlighting: use any VSCode colour theme to accessibly syntax highlight code on your SvelteKit app with line numbers.

Rodney Lab sveltekit-shiki-code-highlighting Github banner

Rodney Lab logo

SvelteKit Shiki Syntax Highlighting

sveltekit-shiki-code-highlighting

Demo code for Shiki syntax highlighting with SvelteKit. The code accompanies the post on using Shiki code syntax highlighting with SvelteKit. If you have any questions, please drop a comment at the bottom of that page.

Building and previewing the site

If you're seeing this, you've probably already done this step. Congrats!

git clone https://github.com/rodneylab/sveltekit-shiki-code-highlighting.git
cd sveltekit-shiki-code-highlighting
pnpm install # or npm install
pnpm run dev

Building

pnpm run build

You can preview the built app with pnpm run preview, regardless of whether you installed an adapter. This should not be used to serve your app in production.

Feel free to jump into the Rodney Lab matrix chat room.

Top categories

svelte logo

Want a Svelte site built?

Hire a Svelte developer
Loading Svelte Themes