W3C SVG

Sundry Saturdays: Cupper Theme on Hugo, Prism Syntax Highlighting & You

Publish date: 04 Jul 2020 00:00
Last updated: 23 Dec 2020 17:26
Tags:

Why Did My Code Blocks Didn’t Work?

I will spare you the details but every time I attempted to do Syntax Highlighting (i.e. fancying color coding of code based on the language you choose), I would end up getting black on super dark grey.

Wholly unreadable.

I do have cupper theme forked so I thought I was missing something. I reached out to the author. To which he replied, “it ain’t my fault.” Also, RTFM.

Fair enough.

If you are using the Cupper theme right out the box, the ability to use Prism works but the code syntaxes are slim pickings.

You have to go to Prism’s website and customize it.

Here’s how.

  1. Go to Prism’s Download page
  2. Pick and choose your options including theme and languages and some add-ons.
  3. Download the .js file and insert into theme/cupper/static/js/ directory
  4. Download the .css file and insert into theme/cupper/static/css/ directory
  5. You will most certainly have to stop and start your Hugo server
  6. Profit$

Any chance to quote Shatner from The Twilight Zone, YOU TAKE IT!

June going out with a bang

We told July to sit down and shut up. 2020 is already cray cray.

Apparently, July did not get that memo.

Tiktok is the fifth Horseman

Nice work if you can get it

I know that I know I would just spend lottery winnings on preaching the gospel until I am dead