I draft my blog posts using Org-mode, compile them to static HTML with Hugo, and publish them with Github Pages.

Update 2022-11-28 — Actually, I’ve switched from using Org-mode to Dendron for organizing notes. Everything else is still the same.

Everything starts from the Aether, where all good ideas come from.

                             ┌──────────┐
                         ┌───│  Ideas   │
                         │   └──────────┘
                         │   ┌──────────┐
                         ├───│ Webpages │
The Aether               │   └──────────┘
                         │   ┌──────────┐
                         ├───│  Books   │
                         │   └──────────┘
─────────────────────────┼──────────────────────────────────────

               ┌────────┐
               │ Note A │ ┌────────┐          ┌────────────────┐
Org-Mode       └────────┘ │ Note B │          │                │
Note System               └────────┘ ───────▶ │ Blogpost Note  │
                  ┌────────┐                  │                │
                  │ Note C │                  └────────────────┘
                  └────────┘                           │

───────────────────────────────────────────────────────┼────────

               ┌──────────────────┐          ┌──────────────────┐
Hugo Blog      │  Compiled HTML   │◀─────────│ Raw Post Content │
               └──────────────────┘          └──────────────────┘


─────────────────────────┼──────────────────────────────────────


               ┌──────────────────┐
Github Pages   │Published Website │
               └──────────────────┘

For more details about how I capture and organize the notes that turn into my blog posts, see [Future Post].

For the rationale behind my custom Hugo theme and the design goals for the site, see The new blog theme

To see the different formatting that this pipeline supports, see Sample Formatting.