Syntax highlight Markdown fenced code blocks
The syntax-highlighting styles are wholly generated from
the rouge
gem’s Github theme.
To enable it, configure Middleman’s Markdown rendering
engine by adding a call to activate :syntax
to the
project’s config.rb
.
To ensure that middleman-syntax
and the @tailwindcss/typography
styles are not at odds with one another, customize
@tailwindcss/typography
to omit some of its predefined <pre>
element
styles.
Append the syntax highlighting CSS to the bottom of
source/stylesheets/syntax.css.erb
,
and extend the Tailwind .prose
classes to account for the new
.highlight
class.