DEV Community

loading...

How do you present code snippets on your personal website?

Fum
I work as an Embedded C Engineer. Interested in expanding my knowledge in other areas of software development. Building a collaboration community for devs at https://inspirezone.tech
・1 min read

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

Discussion (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

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

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