Sintax highlight for code blocks in markdown

[duartecancela]

Hi, how can i have sintaxe highlight for code blocks in md posts?

[youling4438]

I have the same question, and I add the highlight.js to highlight for code blocks in md posts, but can't resolve highlight style theme file( import 'highlight.js/styles/github.css') in _app.js

[leerob]

There are a few different ways:

• Use a library like Highlight.js or Prism.js
• Use MDX and MdxProvider to specify which React components you want to use to render the elements
• Add global CSS styles targeting those elements inside pre or code (don't recommend)

Good example: https://github.com/tailwindlabs/blog.tailwindcss.com