Markupdown is a collection of functions that help you build static sites with markdown.
Many static site generators are complex, rigid, and rely on plugins for extensibility. Markupdown is the opposite: it's dumb but programmable. It's kind of like a build system for static sites. A typical flow looks like this:
- Stage your
sitedirectory with markdown, CSS, Javascript, images, and so forth (usingcp) - Transform your files to add metadata to the frontmatter (using functions like
title,link,blurb, and so on) - Render the markdown with Liquid templates (using
render)
You can call Markdown's functions any way you like, but I recommend creating a little build.py file in your project root:
#!/usr/bin/env python3
from markupdown import *
# Copy files to the site directory
cp("assets/**/*.*", "site")
cp("content/**/*.md", "site")
# Update markdown frontmatter
title("site/**/*.md")
link("site/**/*.md")
blurb("site/**/*.md")
siblings("site/**/index.md")
children("site/**/index.md")
changelog("content/**/*.md", "site")
sitemap("site/**/*.md", site_url="http://example.com")
# Render site
render("site/**/*.md", site={"title": "My Site"})
# Minify site HTML, CSS, and JS
minify("site/**/*.html")
minify("site/**/*.css")
minify("site/**/*.js")Markupdown ships with the following functions:
blurb: Updates theblurbfield in markdown frontmatter to include a brief summarychangelog: Updates thecreated_at,updated_at, andchange_logfields in markdown frontmatterchildren: Generateschildrenfrontmatter for child directories with index.md filesclean: Deletes thesitedirectorycp: Copies files to the site directoryfeed: Generates RSS and Atom feedsinit: Initializes a directory with an example sitelink: Updates thelinkfield in markdown frontmatter with the relative URL pathminify: Minifies HTML, CSS, and JSreferences: Parses markdown for hrefs and generatesreferencesandbackreferencesfrontmatter for markdown filesrender: Renders markdown using Liquid templatesserve: Starts a local HTTP server with live reload to view the sitesiblings: Generatessiblingsfrontmatter that contains paths for sibling markdown filessitemap: Generates an XML sitemaptitle: Updates thetitlefield frontmatter with the value of the first # h1 or filenametoc: Generates a table of contents from markdown filestransform: Applies a transformation function to the frontmatter in markdown files
See DOCUMENTATION.md for more information.
pip install markupdownMarkupdown is compatible with Python 3.10 to 3.12
After you install Markupdown, go to an empty directory and initialize it:
python -m markupdown initThis will create a scaffolding with files and directories like this:
.
├── assets
│ ├── css
│ │ └── style.css
│ ├── images
│ └── js
├── content
│ ├── index.md
│ └── posts
│ ├── index.md
│ ├── post1.md
│ └── post2.md
├── templates
│ ├── _footer_.liquid
│ ├── _head_.liquid
│ ├── _header_.liquid
│ ├── _pages_.liquid
│ └── default.liquid
├── .gitignore
└── build.py
Run ./build.py to generate your site. The output will be in the site directory.
Markupdown comes with a server you can start with:
python -m markupdown serveOpen http://localhost:8000. You should see your new site.
You can clean your site directory with:
python -m markupdown clean