base16-hugo

Base 16 templates for static sites built with Hugo.

Getting started

First you'll need to configure Hugo's Chroma syntax highlighter to add classes to the generated HTML for your site.

# config.toml
pygmentsUseClasses = true

Once classes are enabled you'll need download or copy one of the pre-built hugo-base16-css/*.css files and incorporate it into your site. This is an ideal use for Hugo Pipes, as you can use the SASS/SCSS pipe to incorporate and minify the styling CSS for you. Once you've got a pipeline working trying out different Base16 themes is as simple as overwriting a file in the assets directory and letting hugo server do the rest.

The template has been designed to generate the CSS in the same form that Hugo can generate, so modifiying the CSS for your own needs should be fairly easy.

Thanks to

Since Chroma uses the same syntax as Pygments, this is basically just a transposition of the work done by mohd-akram on the pygments template; all thanks (and blame for any color decisions that deviate from expectation) where it's due.

And, of course, deep thanks to chriskempson for base16.