Category: Developer tools

YAML Front Matter Generator

System ideaMissing a tool?

Turn key/value rows and a body into Markdown front matter

Build a Markdown file with a YAML front matter block from simple key: value rows plus a body. Runs entirely in your browser and works with any static site generator that reads front matter.

Markdown with front matter
---
title: My First Post
date: 2026-01-15
tags: [guide, release]
draft: false
---

## Introduction

Write the post body in Markdown here.

Everything on this page is processed in your browser. Nothing is uploaded.

What this tool does

Static site generators such as Jekyll, Hugo and Astro read page metadata from a --- delimited YAML block at the top of a Markdown file. This tool turns plain key: value lines into that block, quoting values only when YAML requires it and turning a comma-separated value into a flow list, so a line like tags: guide, release becomes tags: [guide, release].

How to use it

  1. Enter one field per line as key: value, for example title: My First Post.
  2. Use a comma-separated value for a list field, such as tags: guide, release.
  3. Write the Markdown body below the fields.
  4. Copy the generated file, front matter block and body included.

Privacy

This tool runs entirely in your browser. Your input is never uploaded, stored or shared — closing the tab removes it.

Frequently asked questions

How do I generate a list value like tags?
Separate the items with commas, e.g. tags: guide, release, and they are emitted as a YAML flow list: tags: [guide, release].
Does it quote values automatically?
Yes, only when needed: plain words and numbers are left unquoted, and anything with punctuation that YAML would otherwise misread is wrapped in double quotes.
Which static site generators does this work with?
Any generator that reads YAML front matter delimited by --- lines, including Jekyll, Hugo, Astro, Eleventy and Gatsby.