Typefully

Custom CSS for Hashnode with a live-edit Chrome Extension

Avatar

Share

 • 

3 years ago

 • 

View on X

Here is a life hack for your @hashnode blog. They have a nifty feature that lets you add custom CSS to your blog. Here is my home page (keep reading for more):
You can add styles to classes they provide on the dashboard, and it's as simple as that. Here is a link to the docs if you want to dig into how, where, and which of it: support.hashnode.com/docs/custom-css
You can save, preview, & publish the styles to your blog when you are happy. But there is more. You can use a Chrome extension like github.com/webextensions/live-css-editor, which lets you live-edit styles on the fly and then copy-paste it over to Hashnode's dashboard.
Playing with the blog homepage styles took me less than an hour. What do you think? Check it out here: hn.mrugesh.dev
Avatar

Mrugesh Mohapatra

@raisedadead

nocturnal developer 🦉 • open-source enthusiast 💕 • noob photographer 📷 • mrugesh.dev • #devops • #cloud • #opensource Principal Maintainer — @freeCodeCamp