Styling BBEdit’s Markdown Preview

BBEdit has been able to preview processed Markdown files for quite a while now (via the MarkupPreview in BBEdit menu item).

What’s not so clear is how to style your filtered Markdown content into markup that doesn’t look like a webpage presented in Netscape 3. Thankfully this situation is easy to rememdy:

Create the folder ~/Library/Application Support/BBEdit/Preview CSS (if it doesn’t already exist) and drop in as many stylesheets as you please. These stylesheets will be accessible from BBEdit’s preview window’s CSS popup menu.

The following man-inspired Gist is a great start: