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) […]


This content originally appeared on phpied.com and was authored by Stoyan

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.


This content originally appeared on phpied.com and was authored by Stoyan


Print Share Comment Cite Upload Translate Updates
APA

Stoyan | Sciencx (2025-06-01T04:09:37+00:00) Introducing Lizzy.js. Retrieved from https://www.scien.cx/2025/06/01/introducing-lizzy-js/

MLA
" » Introducing Lizzy.js." Stoyan | Sciencx - Sunday June 1, 2025, https://www.scien.cx/2025/06/01/introducing-lizzy-js/
HARVARD
Stoyan | Sciencx Sunday June 1, 2025 » Introducing Lizzy.js., viewed ,<https://www.scien.cx/2025/06/01/introducing-lizzy-js/>
VANCOUVER
Stoyan | Sciencx - » Introducing Lizzy.js. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/06/01/introducing-lizzy-js/
CHICAGO
" » Introducing Lizzy.js." Stoyan | Sciencx - Accessed . https://www.scien.cx/2025/06/01/introducing-lizzy-js/
IEEE
" » Introducing Lizzy.js." Stoyan | Sciencx [Online]. Available: https://www.scien.cx/2025/06/01/introducing-lizzy-js/. [Accessed: ]
rf:citation
» Introducing Lizzy.js | Stoyan | Sciencx | https://www.scien.cx/2025/06/01/introducing-lizzy-js/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.