up | maxheisinger.at

Rendered from Emacs

The website is created using a customized exporter from Emacs' Org Mode HTML export feature. This is mainly nice because I can organize things well from my editor and also publish directly to the web without having to re-do content in some browser-based editor. Also, it's just a nice and fun tinkering experience.

Emacs Version

I'm mainly using Emacs 29, although this page setup should also work with older releases.

Fonts

I designed this page with Iosevka Etoile and Iosevka Aile in mind, see Iosevka's project page. After some changes, I settled on just using the webfont-versions directly and let the webserver handle the compression. The fonts should be cached after the first visit.

Before publishing though, I run the page through subfont. This optimizes all the font files so that only the needed glyphs are actually loaded.

Old Org Roam-based System

The excellent org-roam was used to organize links and pages together. I used this system to author notes and keep ideas (semi) organized. All notes that are tagged for publication on the website were published by some small shell scripts that run Emacs to convert the .org files into .html files, which are then uploaded to an external webhost. It is not terribly efficient, but it was (and still is!) fun to build.

Because this system is a bit cumbersome and syncing the website became difficult, I switched to a pure Org-Mode based setup. I now just regenerate pages if they have to be regenerated.

On Finding new Content and Posts

I don't intend on keeping a clear list of blog posts, instead relying on a manually curated list of pages on the homepage. I am absolutely certain though that this page is in no way as nice as other pages such as the one from System Crafters, to which I am forever grateful for inspiration.

Live-Reload and a Modern Feel During Development

I use the live-server crate in order to display the website during writing. The F5 key renders the page using Emacs' Org-Mode HTML export and the live-server reloads the page in the browser once the change is detected.

Testing the Website Exporter Code and Style

This page not only explains how the export works, but also serves as a testing ground for the export.

Bold text may appear anywhere.

Also, italic text is a possibility.

Why not some good old pre-formatted text?

Or strikethrough text?

Many different levels

of headers

contribute to something

that is

Author: Max Heisinger

Created: 2024-08-25 So 23:35