DEV Community

Cover image for Build Static Blog with several lines of HTML and MD
Chell
Chell

Posted on

2 1

Build Static Blog with several lines of HTML and MD

I've been working on a frontend project recently called Nimblog. It arose from my need to fast publish Markdown docs from HTML.

Nimblog Home

I took it a step further by converting Markdown links ending in '.md' and '.txt' and with the 'text/markdown' content type to blog pages, which made it a lightweight static blog generator.

Nimblog Post

Writers can put all files under the same folder like

index.html
your_essay_1.md
your_essay_2.md
your_pic_1.jpg
...
Enter fullscreen mode Exit fullscreen mode

and write Markdown in index.html.

<!DOCTYPE html>
<html lang='en'>
<head>
    <link rel="stylesheet" href="https://unpkg.com/nimblog/dist/production/nimblog.css">
    <meta charset='UTF-8'>
    <title>Nimblog</title>
</head>
<body>
# [Your Blog](/)
- [your essay 1](your_essay_1.md)
- [your essay 2](your_essay_2.md)
<script type='module' src='https://unpkg.com/nimblog/dist/production/nimblog.js'></script>
</body>
</html>
Enter fullscreen mode Exit fullscreen mode

My goal is to make it qualified for:

πŸ“Œ Being hosted by static hosting platforms like GitHub Pages, so Nimblog works on frontend. (done)
πŸ“Œ Customizable themes. (done)
πŸ“Œ Extensions.

You can check out its demo built with Nimblog:

https://nimblog.vercel.app/

What’s your advice on this project? Any feedback and GitHub stars ⭐️ are welcome. πŸ˜‰

https://github.com/imchell/nimblog

Top comments (0)