The Markdown Roadmap โ from zero to building anything
The visual map of the way of markdown: learn the basics, publish your first page, go local with Obsidian and GitHub, then branch into building websites, knowledge bases, blogs and more.
The Markdown Roadmap ๐บ๏ธ
Everything on this site as one map. Follow the spine top to bottom, branch off wherever a side box tempts you, and click any box to go learn that thing. Skip what you already know โ plenty of people join at stage โข.
Legend: โ built ยท โง in progress ยท โก planned โ the map doubles as our honest build-status, so you always know what you're clicking into.
Pick your entrance
The map has two natural entrances, and both walk the same spine:
- ๐ "I want to publish something" โ website, blog, a page on the web. Start at โ ; something live by โก โ today.
- ๐ "I want better notes" โ knowledge base, second brain, maybe published later or never. Start at โ , skim โก, and the publishing steps will be waiting when you care.
The spine, in words
- โช Why bother? (optional, 5 min) โ why markdown-based, or the punchier manifesto. Skip if convinced.
- โ Learn markdown (10โ20 min) โ Markdown Basics; the syntax is genuinely small. Side quests: markdown everywhere, markdown + AI, pluggable markdown.
- โก Publish your first page (20 min) โ the "GitHub direct method", nothing installed: tutorial 1. Or the smallest version: publish a single document.
- โข Go local: Obsidian + GitHub Desktop (40 min) โ tutorial 2, plus what makes Obsidian special.
- โฃ Structure your stuff (30 min) โ build a catalog of anything, then the markdown database pattern behind it.
- โค Work with others (20 min) โ tutorial 3, GitHub tips, the glossary and the git rescue guide for when things go sideways.
- โฅ Build your X โ the full guide index: website ยท blog ยท knowledge base ยท Notion replacement ยท database ยท wiki ยท garden ยท docs ยท journal ยท bookmarks ยท book
Joining a markdown-based team? The onboarding path is this roadmap with checkpoints. Prefer watching? Videos ๐ฌ
(This map is a plain-text JSON file in our repo, and the picture is generated from it โ the markdown way, applied to roadmaps.)