Vowel
The blogging framework
Vowel is a static blog generator. It bundles markdown, CSS, and assets to produce an optimized website build.
- Intuitive markdown
- Hot-reload previews
- Automatic templating
To launch your website, run Vowel inside a folder of markdown files.
// node@25
npx vowel@latest
Warning! Vowel is in active development. Pin your version to avoid unexpected changes.
Create a home.md file for your homepage.
# My Website
Welcome to my world.
Embed post thumbnails by their URLs.
# My Website
/hello-world
List posts with glob patterns (* or **). Vowel orders posts by reverse chronology and then alphabetically.
# Blog
/blog/*
Write naturally. Vowel imputes post date, title, image, and breadcrumb, and uses that information to generate meta tags, sitemap.xml, and an RSS feed.
# Hello world
May 28, 2026
Today is the first day of the rest of my blog.
Preview in real time. Deploy in no time. Vowel watches your files for changes, updating rendered files on the file. To deploy, just publish to your favorite static host. (We use Cloudflare Pages.)
npx wrangler pages deploy
Customize your site with settings.md.
logo: example-logo.svg
wordmark: example-wordmark.svg
title: Example Website Title
tagline: Example website tagline
domain: example.com
author: Johnny Example
theme: Default | Typography | Reset | false
Add styles in styles.css. All theme styles are wrapped in layers, so rules in styles.css will always have higher specificity.