Blog Design
This page serves as a hub for all articles about the design and architecture of this blog.
For Readers
- Navigating Blog Content - Guide to all navigation methods and features for users of the blog
For Developers & Technical Readers
Architecture Series
The Blog Architecture Deep Dive series provides a comprehensive exploration of how the blog is built:
- Blog Architecture Deep Dive - Series Index - Start here for the complete series
- Blog Architecture - Overview - High-level introduction (Part 1)
- Blog Architecture - Why Obsidian? - Deep dive into Obsidian integration (Part 2)
- Blog Architecture - From Markdown to Web - Content processing pipeline (Part 3)
- Blog Architecture - Links and Navigation - Link resolution and navigation (Part 4)
- Blog Architecture - Build and Deployment - Build process and deployment (Part 5)
- Blog Architecture - Advanced Features - Search, series, TOC, and more (Part 6)
Technical Reference
- This Blog - Original detailed technical overview (comprehensive reference)
Related Projects
- An adventure with 3js 3d Backgrounds - The 3D background system created for this blog
Design Philosophy
This blog is designed with multiple navigation methods inspired by tools like Obsidian:
- Link-based structure: Content tree built from Obsidian
<span class="obsidian-link disabled" data-link="links" title="Link to: links (not yet created)">links</span> - Series organization: Related posts grouped into series
- Category tagging: Multiple ways to discover content
- Semantic search: Vector-based search for finding relevant posts
- Table of Contents: Hierarchical view of all content
Future Articles
- Building Blog Assistants - Interactive exploration of AI assistants for blogs
- Content Management Workflow - How content flows from Obsidian to the live blog
- Performance Optimization - Techniques for fast loading and smooth interactions

