Code Block Syntax Highlighting in Astro

Поділитися
Вставка
  • Опубліковано 3 жов 2024

КОМЕНТАРІ • 20

  • @theplaintech
    @theplaintech 5 місяців тому

    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.

    • @CodinginPublic
      @CodinginPublic  5 місяців тому +1

      Glad it was helpful!

    • @theplaintech
      @theplaintech 5 місяців тому +1

      @@CodinginPublic I've just started your "Build Modern Websites with Astro" course. What you present here will fit nicely with what I plan to do. I also note that you cover Astro DB -- one of the most useful things you could include -- and look forward to completing and using the course. Thank you for the course.

  • @niccoloruggieri99
    @niccoloruggieri99 5 місяців тому +1

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

  • @ctrlteam5168
    @ctrlteam5168 5 місяців тому

    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
    @zombiebr 5 місяців тому

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

  • @ll-sz9fl
    @ll-sz9fl 2 місяці тому

    great video, thanks!

  • @tradecate
    @tradecate 3 місяці тому

    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"

  • @dailynews7822
    @dailynews7822 5 місяців тому

    I'll make the blog with astro 💯💯

  • @godofwar8262
    @godofwar8262 5 місяців тому +1

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

    • @CodinginPublic
      @CodinginPublic  4 місяці тому +1

      Not sure I'm that advanced with TS and React, but I'd like to do more TS and React content, so I'll consider doing more with it. Thanks!

  • @InSaneRoGer112003
    @InSaneRoGer112003 5 місяців тому +1

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

    • @CodinginPublic
      @CodinginPublic  4 місяці тому +1

      You'd have to check out the code styling options. You could also use a remark plugin like here: ryan-schachte.com/blog/fun_with_code_blocks/

  • @dailynews7822
    @dailynews7822 5 місяців тому

    Nice ❤❤

  • @ROL4ND-CSS
    @ROL4ND-CSS 5 місяців тому

    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 `` or a `` with type safety of TypeScript. Hope to get a response.

    • @CodinginPublic
      @CodinginPublic  4 місяці тому

      Sure! You'd have to use the polymorphic type. Check it out in the Astro docs. Didn't want to overcomplicate those components in the course since they were a first introduction, but hopefully that points in you in the right direciton!