I’m using hugo 0.12. I’ve read elsewhere that there’s an issue that’s causing some pygments rendering problems. I solved part of my problem by indenting highlighted content 4 characters as suggested there. However, I’m still getting extra HTML mixed into the pygments output.
E.g.
{{% highlight yaml %}}
title: Hugo Incorporated Features
description: "What's in the box"
date: 2014-06-19 11:24:00+07:00
coverimage: blog-cover.jpg
excerpt: "Incorporated provides a great typography, responsive design, author details, semantic markup and more."
authorname: Nicholas Whittier
authorlink: http://imperialwicket.com
authortwitter: nw_iw
authorgithub: imperialwicket
authorbio: Some dude.
authorimage: faces.jpg
{{% /highlight %}}
Results in
<pre><code>title: Hugo Incorporated Features
description: "What's in the box"
date: 2014-06-19 11:24:00+07:00
coverimage: blog-cover.jpg
excerpt: "Incorporated provides a great typography, responsive design, author details, semantic markup and more."
authorname: Nicholas Whittier
authorlink: http://imperialwicket.com
authortwitter: nw_iw
authorgithub: imperialwicket
authorbio: Some dude.
authorimage: faces.jpg
</code></pre>
This is all correct, except for the code and pre tags added in for no apparent reason. Does anyone know how to fix this? It appears that hugo is passing that to pygments, because those extra tags are highlighted.