Skip to content

Syntax Highlighting in Eleventy

A quick test to see if I've got the Eleventy syntax highlighting plugin working properly. I'm using the Nord theme, which fits in decently well with the colours of the site.

CSS

.block {
  display: block;
}

HTML

<!DOCTYPE html>
<html class="leading-tight text-gray-900 antialiased" lang="en">
  <head>
    <meta charset="UTF-8" />
  </head>
  <body>
    <h1>Nick</h1>
  </body>
</html>

Ruby

def method_name
  @results = results
end

Lovely stuff! Excited to play around with this more and possibly explore this approach outlined by Bramus.