Syntax highlighted code on the left side

[lukasmalkmus]

Is it possible to have highlighted code in the left section of the site? Some way of preventing Hugo from moving it to the "code area" on the right side.

If there is no way already, I might dig into Hugo and this template and submit a PR.

[cwarner818]

This would be great if anyone has some pointers on how to pull it off.

[metachris]

Second that, would be great to have the ability to add code blocks into the main content.

[bep]

I agree that it would be useful, and I would welcome a fix -- but it needs to be a config flag that enables it (so we don't break existing sites).

[hoshsadiq]

For you can use these styles as a way to force it to be normal:

.content pre, .content blockquote {
  width: initial !important;
  float: none !important;
  clear: none !important;
}

.content > h1, .content > h2, .content > h3, .content > h4, .content > h5, .content > h6, .content > p, .content > table, .content > ul, .content > ol, .content > aside, .content > dl {
  margin-right: initial !important;
}

.dark-box {
  display: none !important;
}