A dedicated site for Blog-Doc's documentation!


It's been a while since my last post - almost four and a half months to be precise!
The previous post, a detailed tutorial on creating a simple Markdown-based blog in Node.js, was quite an undertaking that consumed a significant amount of time and energy.
I doubt I'll be penning such lengthy posts anytime soon, and perhaps never again!
So, where have I been during this hiatus?
Primarily, juggling between family, work, and my trusty keyboard.
During this time, Blog-Doc has undergone substantial evolution, prompting the need for a dedicated website for its documentation.
The first order of business was finding a suitable template that aligned with my envisioned design - a layout commonly used for documentation:
Three columns on desktop: Main menu, Content, Table of contents
Two columns on tablet: Main menu, Table of contents at the top of Content
One column on mobile: Mobile menu with Table of contents at the top of Content
Surprisingly, I couldn't locate a template that fit the bill. However, I stumbled upon the fantastic Responsive Attributes and used its guidance to craft the desired layout with minimal CSS footprint!
With the design in place, I seamlessly integrated it into Blog-Doc and generated the static site for Blog-Doc's documentation.
You can check out the result by visiting Blog-Doc's documentation site and see for yourself!
Subscribe to my newsletter
Read articles from LebCit directly inside your inbox. Subscribe to the newsletter, and don't miss out.
Written by

LebCit
LebCit
I'm LebCit, a Citizen of a small country called Lebanon in the Middle East. I love to read a lot, learn as much as I can, and of course apply and share with others.