Code Block Syntax Highlighting in Astro

Astro provides syntax highlighting for markdown and .astro files with Shiki.

🔗 Key Links 🔗

---------------------------------------
🎨 VSCode Theming

---------------------------------------

🌐 Connect With Me 🌐

[theplaintech]

Stunning. Thank you. It would never occur to me that this function existed. It promises to be extremely useful to me for future plans I have.

[niccoloruggieri]

You are the best!! Was searching exactly for that. Thank you

[ctrlteam]

I love your videos, thanks for letting me know about astro, I still have version 2.1 of my blog that I wrote last year, and although I've been following astro I haven't had time to refactor my blog!

[zombiebr]

Nice!
I had to create an Astro Starlight Docs, I used that a lot.

[godofwar]

Hey bro make a video on ts with resct js beginners to advanced

[tradecate]

Thanks! How do you add the title tab for the file name like astro is using in the docs? P.S. there is a typo in one of the paragraphs in your learn astro website landing page "middlewear"

[naseebdangi]

If i am using external Markdown from CMS and then have to use the syntax highlighting then what can be done? I am using {marked} parser for my markdown.

[InSaneRoGer]

how to add line numbers and highlight code in a code block?

[ROLND-CSS]

Thanks for this video, I’m following your course and hope you can tell me how to make a Astro component that can be an anchor tag `<a>` or a `<button>` with type safety of TypeScript. Hope to get a response.