Introducing Lizzy.js

I created this joke-y "framework" to build a website, or a blog if you will, from markdown files. The idea is to (ab)use Apache's default directory listing. The "index" page reads the Apache's HTML of a given directory and produces a list of articles. When the user clicks, the markdown file (corresponding to an article) is converted to HTML on the fly.

The result: a blog with no build process. To publish a new article, you just drop a new MD file.

Obviously this is a half-joke and the SEO of such a site is in the trash, because the whole site is JS-generated. But does SEO matter anymore anyway?

Lizzy.js source code is here github.com/stoyan/Lizzy.js

And an example site fully, powered by this "framework", is highperformancewebfonts.com

Source code highlighting is supported.

Drafts are supported too, just prefix the .md file with a _. and you can preview the way it renders, but it's not listed on the index page.

All you have to do is copy-paste the library and configure it like so:

window.__lizzyconf = {
    index: '/posts/', // where the MD files live
    root: document.getElementById('root'), // where to render it all
    read: '/read/', // for bookmarking URLs
}

There's some extra stuff to make it all more useful, you can head out to the docs.