One thing I've struggled with on many iterations of this blog is the constant ../../path/to/file string for references, whether imports, css, or images. I've never really understood how to set up import aliases and always just dealt with the tedious task of updating or changing those strings if I e

import { Picture } from "astro:assets"; import slidePreview from "@images/writing/syntax-shoutout/slide-preview.png"; import highlightExample from "@images/writing/syntax-shoutout/highlight-example.png"; Syntax highlighting is something I think most developers take for