Post

What to get inline syntax highlighting working in markdown files in @astro.build? Learn about my solution at the link below (it's a pretty small change). camdecoster.dev/posts/add-in...

camdecoster.devAdd inline syntax highlighting to AstroUse Shiki to highlight inline code elements in markdown files

14/12/24, 11:21 pm0 reposts1 like

Sarah Rainsberger

@sarah11918.rainsberger.ca

15 Dec 2024

Hi! You might be interested in Expressive Code, built by one of our Astro maintainers first for Astro's own docs, and then as a separate package. It's very popular for Astro projects, and is even built in to Starlight for a very robust syntax highlighting solution! https://expressive-code.com/

Cameron DeCoster

@camdecoster.dev

15 Dec 2024

Thanks for the tip! I'll look into it.

Cameron DeCoster

@camdecoster.dev

23 Jan 2025

@sarah11918.rainsberger.ca I'm just getting around to trying Expressive Code. It looks like it doesn't support inline highlighting yet (github.com/expressive-c...). I like the ease of use, but I'll probably stick with the native Astro highlighting to be able to use the inline highlighting of Shiki.

github.comSupport for inline code syntax highlighting · Issue #250 · expressive-code/expressive-codeHello! I was wondering if it was possible for syntax highlighting of inline code blocks, e.g. some form of syntax along the lines of const foo = bar{:js} which would highlight the block in the user...