<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Code on letsblaze</title><link>https://letsblaze.thomaslaurenson.com/tags/code/</link><description>Recent content in Code on letsblaze</description><generator>Hugo</generator><language>en-US</language><lastBuildDate>Tue, 07 Apr 2026 15:31:33 +1200</lastBuildDate><atom:link href="https://letsblaze.thomaslaurenson.com/tags/code/index.xml" rel="self" type="application/rss+xml"/><item><title>Code and Syntax Highlighting</title><link>https://letsblaze.thomaslaurenson.com/blog/code-and-syntax-highlighting/</link><pubDate>Sun, 01 Feb 2026 00:00:00 +0000</pubDate><guid>https://letsblaze.thomaslaurenson.com/blog/code-and-syntax-highlighting/</guid><description>&lt;p&gt;letsblaze uses Hugo&amp;rsquo;s built-in Chroma syntax highlighter, configured to emit
inline styles rather than CSS classes. This means syntax highlighting works
with no external stylesheet — consistent with the theme&amp;rsquo;s no-external-resources
philosophy.&lt;/p&gt;
&lt;h2 id="inline-code"&gt;Inline code&lt;/h2&gt;
&lt;p&gt;Wrap short code references in backticks: &lt;code&gt;const x = 42&lt;/code&gt;.&lt;/p&gt;
&lt;h2 id="fenced-code-blocks"&gt;Fenced code blocks&lt;/h2&gt;
&lt;p&gt;Use triple backticks with a language identifier:&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#e5e5e5;background-color:#000;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-python" data-lang="python"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#fff;font-weight:bold"&gt;def&lt;/span&gt; greet(name: &lt;span style="color:#fff;font-weight:bold"&gt;str&lt;/span&gt;) -&amp;gt; &lt;span style="color:#fff;font-weight:bold"&gt;str&lt;/span&gt;:
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &lt;span style="color:#fff;font-weight:bold"&gt;return&lt;/span&gt; &lt;span style="color:#0ff;font-weight:bold"&gt;f&lt;/span&gt;&lt;span style="color:#0ff;font-weight:bold"&gt;&amp;#34;Hello, &lt;/span&gt;&lt;span style="color:#0ff;font-weight:bold"&gt;{&lt;/span&gt;name&lt;span style="color:#0ff;font-weight:bold"&gt;}&lt;/span&gt;&lt;span style="color:#0ff;font-weight:bold"&gt;&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#fff;font-weight:bold"&gt;print&lt;/span&gt;(greet(&lt;span style="color:#0ff;font-weight:bold"&gt;&amp;#34;world&amp;#34;&lt;/span&gt;))&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#e5e5e5;background-color:#000;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-html" data-lang="html"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&lt;span style="color:#0f0;font-weight:bold"&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;&lt;span style="font-weight:bold"&gt;html&lt;/span&gt; &lt;span style="color:#007f7f"&gt;lang&lt;/span&gt;=&lt;span style="color:#0ff;font-weight:bold"&gt;&amp;#34;en&amp;#34;&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="font-weight:bold"&gt;head&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="font-weight:bold"&gt;meta&lt;/span&gt; &lt;span style="color:#007f7f"&gt;charset&lt;/span&gt;=&lt;span style="color:#0ff;font-weight:bold"&gt;&amp;#34;utf-8&amp;#34;&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="font-weight:bold"&gt;title&lt;/span&gt;&amp;gt;Example&amp;lt;/&lt;span style="font-weight:bold"&gt;title&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;/&lt;span style="font-weight:bold"&gt;head&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="font-weight:bold"&gt;body&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;&lt;span style="font-weight:bold"&gt;p&lt;/span&gt;&amp;gt;Hello, world.&amp;lt;/&lt;span style="font-weight:bold"&gt;p&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; &amp;lt;/&lt;span style="font-weight:bold"&gt;body&lt;/span&gt;&amp;gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;&amp;lt;/&lt;span style="font-weight:bold"&gt;html&lt;/span&gt;&amp;gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#e5e5e5;background-color:#000;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;hugo new blog/my-post.md
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;hugo server --buildDrafts
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;hugo --minify&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;h2 id="syntax-style"&gt;Syntax style&lt;/h2&gt;
&lt;p&gt;letsblaze is opinionated: the default Chroma style is &lt;code&gt;monochrome&lt;/code&gt;. This works
in both light and dark mode without maintaining two colour palettes.&lt;/p&gt;</description></item></channel></rss>