mdgarden Documentation
mdgarden π±
mdgarden turns a folder of Markdown notes into a fast, themeable static
website β search, backlinks, tags, an interactive graph view, dark mode,
math, and syntax highlighting, with no runtime framework and no native
dependencies. It speaks Obsidian-flavored Markdown, so an existing Obsidian
vault (or any pile of .md files) works out of the box.
This vault is the documentation β and it's also what we build against
during development (npm run vault:dev), so every page on the left doubles
as a real, rendered example of the feature it describes.
Start here
- Download β every install method, side by side
- Installation β npm, Homebrew, or a standalone binary
- Initial Setup β the
mdgarden initwizard, prompt by prompt - Quick Start β build your first site in under a minute
- Configuration β
mdgarden.config.json, themes, and feature flags - Updating β keep an existing install current
Guide
- Markdown Syntax β wikilinks, embeds, callouts, footnotes, frontmatter
- CLI Reference β every command and flag
- Themes & Customization β presets, custom colors, custom CSS
- Architecture β how the codebase is organized
Showcase
- Diagrams β Mermaid flowcharts, sequence diagrams, and a hand-drawn SVG
- Code Highlighting β Shiki syntax highlighting across languages
- Math β KaTeX inline and block equations
Support
- Troubleshooting β common problems and fixes
- Reporting Issues β how to file a useful bug report
- Contributing β local dev setup, tests, and PRs
About
Why mdgarden?
| π Obsidian-flavored Markdown | [[wikilinks]], ![[embeds]], > [!note] callouts, GFM, footnotes, math |
| πΌοΈ Media-aware | Images, GIFs, video, and audio embeds β lazy-loaded, dimensions set automatically |
| πͺ΄ Obsidian Publishβstyle layout | Three independently scrolling panes (notes Β· article Β· graph/TOC) |
| π§ Interactive setup | mdgarden init asks for a name, theme, and features β no JSON to write by hand |
| π¨ Built-in themes | default, forest, rose, nord, ink |
| π Search & navigation | Static search index, folder-tree explorer, breadcrumbs, backlinks, tags, graph |
| π Rich rendering | Dark mode, Shiki syntax highlighting, KaTeX math, lazy Mermaid diagrams |
| π‘ SEO & sharing | Social cards, robots.txt, RSS, sitemap, aliases/redirects, sub-path hosting |
| β‘ Dev experience | mdgarden serve with live reload, a small plugin API, optional Giscus comments |
Try it
Run npm run vault:dev from the repo root, then edit any file under
test_vault/ β the page rebuilds and reloads automatically.