DEV Community 👩‍💻👨‍💻

Fum
Fum

Posted on

How do you present code snippets on your personal website?

I'm currently using the syntax highlighter plugin to present code on my Wordpress site but looking to explore other options.

Top comments (4)

Collapse
yaythomas profile image
yaythomas

I use the awesome hugo static site generator, which comes with syntax highlighting out of the box. You author in markdown, and code snippets go in back-ticks (exactly like here on dev.to!).

You can configure the colors/fonts of the highlighting with custom stylesheets.

Here it is in action right on the homepage with multiple different highlighting blocks: pypyr.io

Collapse
gsferreira profile image
Guilherme Ferreira

I don't know if Prism is a possible solution for WordPress, but take a look at prismjs.com/

Collapse
sabderemane profile image
Sarah Abd • Edited on

I'm also using prism.js on my blog via gatsby plugins, but I found a friend using this plugin : wordpress.org/plugins/code-syntax-...
Did you try this one ?

Collapse
funbeedev profile image
Fum Author • Edited on

I haven't tried that one. I'll try it and see if I prefer it. Thanks!

Head to your account's Settings to...

🌚 Enable dark mode
🔠 Change your default font
📚 Adjust your experience level to see more relevant content