Besseres Mathe Markdown mit Typst

“Ich möchte einen Blog schreiben”, dachte ich. Es verging einige Zeit, bis ich die Sache endlich selbst in die Hand nahm (aka bunx sv create homepage ausführte) und die wirklich erstaunliche flexoki Farbpalette in mein Stylesheet kopierte. Nun — einen Tag später — bin ich hier mit einer funktionalen (und hoffentlich gut aussehenden?) Webseite, um so ziemlich alle Gedanken tief in die weltweite Leere zu senden.

Kurz darauf fand ich mich im Chat mit dem coolen neuen LLM in der Stadt wieder. Ich musste herausfinden, wie man Code-Snippets am besten hervorhebt. Der Agent hat es für mich herausgefunden. Anscheinend wird heutzutage shiki bevorzugt, weil es jegliches Rendering vom Client auf den Server verlagert.

printf("Und es funktioniert einfach!");

Lass uns rechnen

Vor ein paar Jahren wurde mir Typst als großartige Alternative zu vorgestellt. Obwohl ich nicht sofort gewechselt habe, wurden langsam immer mehr meiner Dokumente für die Universität mit Typst erstellt. Der Umstieg war bei weitem nicht so schwer, wie ich befürchtet hatte. Bald genug war mein Obsidian Vault der einzige Ort, an dem ich noch Latex verwendete.

Ohne darüber nachzudenken, installierte ich rehype-katex-svelte und fügte das <link> Attribut ein, um das Katex-Stylesheet in das HTML-Template meines neuen Blogs zu laden. Erst nach einem gewohnheitsmäßigen Lighthouse Performance Benchmark fragte ich mich, ob ein anderer Nerd vielleicht einen brauchbaren Ersatz mit Typst zusammengehackt haben könnte. Es stellt sich heraus, die Antwort ist ja und es heißt kreativ rehype-typst (npm).