https://plex-live-example-site-e00db0.gitlab.io/tag/code/Recent content in Code on Plex LiveHugoen-IEauthor@example.org (Sample Author)author@example.org (Sample Author)Wed, 18 Feb 2026 14:15:00 +0100https://plex-live-example-site-e00db0.gitlab.io/p/2026-02-18-code-highlighting/Wed, 18 Feb 2026 14:15:00 +0100author@example.org (Sample Author)https://plex-live-example-site-e00db0.gitlab.io/p/2026-02-18-code-highlighting/<p>Hugo can highlight fenced code blocks during the build. The example site enables line numbers in <code>hugo.toml</code>, while the theme keeps the surrounding typography simple.</p> <div class="highlight"><pre tabindex="0" style="color:#c9c9c9;background-color:#282c34;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;display:grid;"><code class="language-go" data-lang="go"><span style="display:flex;"><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">1</span><span><span style="color:#bc74c4">package</span> main </span></span><span style="display:flex;"><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">2</span><span> </span></span><span style="display:flex;"><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">3</span><span><span style="color:#bc74c4">import</span> <span style="color:#82cc6a">&#34;fmt&#34;</span> </span></span><span style="display:flex; background-color:#3d4148"><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">4</span><span> </span></span><span style="display:flex;"><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">5</span><span><span style="color:#7fbaf5">func</span> <span style="color:#57c7ff">main</span><span style="color:#56b6c2">()</span> <span style="color:#56b6c2">{</span> </span></span><span style="display:flex;"><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">6</span><span> message <span style="color:#bc74c4">:=</span> <span style="color:#82cc6a">&#34;Plex Live is ready.&#34;</span> </span></span><span style="display:flex;"><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">7</span><span> fmt<span style="color:#56b6c2">.</span><span style="color:#57c7ff">Println</span><span style="color:#56b6c2">(</span>message<span style="color:#56b6c2">)</span> </span></span><span style="display:flex; background-color:#3d4148"><span style="white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f">8</span><span><span style="color:#56b6c2">}</span> </span></span></code></pre></div><p>Inline code, such as <code>hugo server</code>, is styled separately from larger blocks. That makes short commands easy to spot inside a paragraph.</p>