This is the first test post for the davidnunez.com publishing pipeline. It demonstrates the complete Phase 4 content architecture, including sidenotes, table of contents, content types, and the full reading experience.

Building a Personal Publishing Pipeline

Creating a personal publishing platform is an exercise in technological craft. The goal isn’t just to publish words on the web — it’s to build a system that feels like home.

This site uses 11ty v3 as its static site generator, pulling content directly from an Obsidian vault. The pipeline transforms markdown files into a cohesive web experience while preserving the writing workflow I’ve optimized over years of note-taking.

The Obsidian Connection

Obsidian serves as the content management system, but in a way that feels natural rather than constrained. Wikilinks work exactly as they do in the vault, callouts render beautifully, and the friction between “writing” and “publishing” dissolves.

The symlink architecture means I can organize my vault however I want, while the site pulls from a dedicated Blog/ folder. No import/export dance. No copying between systems. Just write, and the site updates.

Design System Foundations

The visual language emerged from a “breadboard” metaphor — the kind of prototyping board where circuits come to life. Signal Blue serves as the primary palette, with copper accents reminiscent of circuit traces.

Generative textures render unique patterns across the site, seeded from content slugs to ensure consistency across builds. The typography uses a fluid type scale that responds to viewport width, maintaining readable line lengths without jarring breakpoints.

Here is a link to Second Post using Obsidian wikilinks.

Here is a link to 2nd post with an alias using Obsidian wikilinks.

Here is a link to Non Existent Post which should render as plain text.

Here is a link to Broken link which should render as plain text.

Callouts

This is a note

Notes are useful for highlighting important information.

Watch out

This is a warning callout.

Code Blocks

function hello() {
  console.log("Hello from the pipeline!");
}

Footnotes

This sentence has a footnote[1].

Blockquotes

The best way to predict the future is to invent it. — Alan Kay

Standard Markdown

Bold text, italic text, and inline code.

  • Unordered list item 1
  • Unordered list item 2
  1. Ordered list item 1
  2. Ordered list item 2

  1. This is the footnote content. ↩︎