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
site
directory 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 theblurb
field in markdown frontmatter to include a brief summarychangelog
: Updates thecreated_at
,updated_at
, andchange_log
fields in markdown frontmatterchildren
: Generateschildren
frontmatter for child directories with index.md filesclean
: Deletes thesite
directorycp
: Copies files to the site directoryfeed
: Generates RSS and Atom feedsinit
: Initializes a directory with an example sitelink
: Updates thelink
field in markdown frontmatter with the relative URL pathminify
: Minifies HTML, CSS, and JSreferences
: Parses markdown for hrefs and generatesreferences
andbackreferences
frontmatter for markdown filesrender
: Renders markdown using Liquid templatesserve
: Starts a local HTTP server with live reload to view the sitesiblings
: Generatessiblings
frontmatter that contains paths for sibling markdown filessitemap
: Generates an XML sitemaptitle
: Updates thetitle
field 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 markupdown
Markupdown is compatible with Python 3.10 to 3.12
After you install Markupdown, go to an empty directory and initialize it:
python -m markupdown init
This 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 serve
Open http://localhost:8000. You should see your new site.
You can clean your site
directory with:
python -m markupdown clean