Code blocks now render with nested <code> element

Support
1

Just wondering if I’m missing something.

Looking at getzola.com code blocks are rendered like this:

<pre style="background-color:#383838;">
   <span style="color:#e6e1dc;">$ brew install zola</span>
</pre>

Taking docs from the Github repository and running Zola 0.11.0 against it results in

<pre style="background-color:#383838;">
  <code>
    <span style="color:#e6e1dc;">$ brew install zola</span>
  </code>
</pre>

(which pulls in background-color: #f5f5f5; in some instances from the generated site.css).

Is the nested <code> element inside <pre> new behaviour or is there some kind of configuration setting which controls this rendering behaviour?

I ran across this while I was trying to recreate parts of the documentation site in an effort to learn more about how Zola can be used.

Thank You for your effort and all the great work!

2

It’s a new behaviour from the last version

1 Like