https://chidokun.github.io/hugo-blog-tuan/categories/engineering/Recent content in Engineering on blog@tuanHugoen-US© 2026 blog@tuan. Content released under CC BY-SA 4.0.Tue, 02 Jun 2026 14:30:00 +0700https://chidokun.github.io/hugo-blog-tuan/2026/06/mathematics-with-latex/Tue, 02 Jun 2026 14:30:00 +0700https://chidokun.github.io/hugo-blog-tuan/2026/06/mathematics-with-latex/<p class="lead">Most Hugo themes render mathematics by shipping KaTeX or MathJax to the browser and having it re-scan the whole page. This theme does not: Hugo calls KaTeX directly during the build and writes HTML with MathML into the static file. The reader downloads exactly one extra stylesheet.</p>https://chidokun.github.io/hugo-blog-tuan/2026/05/syntax-highlighting-at-build-time/Mon, 18 May 2026 11:00:00 +0700https://chidokun.github.io/hugo-blog-tuan/2026/05/syntax-highlighting-at-build-time/<p class="lead">Every code block on this site was coloured before the HTML ever left the build machine. The browser receives <code>&lt;span&gt;</code> elements that already carry their classes, and the palette is nothing but CSS variables — so switching between light and dark recolours the code immediately, with nothing to re-render.</p>https://chidokun.github.io/hugo-blog-tuan/2026/04/diagrams-with-mermaid/Sun, 05 Apr 2026 16:45:00 +0700https://chidokun.github.io/hugo-blog-tuan/2026/04/diagrams-with-mermaid/<p class="lead">This is the one thing in the theme that genuinely needs JavaScript, and it only loads on the pages that actually contain a diagram. The palette is read out of the same CSS variables everything else uses, so a diagram can never drift out of tone with the page around it.</p>