Code Blocks in Wordpress

Short version: When writing about code blocks in Wordpress, use a smart mixture of visual and text editor. Wrap code with <pre><code>...</code></pre>.

Long version: Use the visual editor to paste the code block into your post. The visual editor appropriately escapes html-tags and other weird code constructs that can mess up a browser.

Then switch to the visual editor, mark the text and click the "code" button. This gives you <code> tags around it.

Lastly, to keep the original formatting intact, wrap everything in <pre> tags.

In the end, it should look this this:

<pre><code>Sample Code
Many Lines
Very wow</code></pre>.

Note, much, much later: I am now using static site generation and have different, funner loops to jump through.