How to make your code blocks look nice on Squarespace (AKA add syntax highlighting)

Hey all,

Sometimes you need to put code blocks onto your Squarespace site.

The problem is that by default, code blocks on Squarespace look very plain and don't give the best reading experience for your users.

The solution is to add syntax highlighting, so your code blocks go from this

to this:

When I wanted to do this I had to spend a few hours figuring out exactly how to get it to work, so I wrote a blog post describing how to do this in 2 minutes. Hope it's helpful!

https://www.squarify.xyz/secrets-to-squarespace/how-to-make-code-blocks-look-nice-on-your-squarespace-website?utm_source=forum