DEV Community

Cover image for I created my own custom blog, Does it cool?
Anas Dew
Anas Dew

Posted on

I created my own custom blog, Does it cool?

About a week ago, I was fascinated by the thought that why not create my custom own blog and share about tech news and stuff, So i did. Here's how I did it.

First things first.

I've built this whole custom blog on HTML, CSS and Javascript. And used a free template for frontend.

The Design

I followed a design similar to a wordpress blog named TechCrunch and it goes like this.

Blog/index.html -> main page
Blog/2022/12/ -> all blogs which published in Dec 2022.

Tech Crunch URL Structirt

For doing something like this, I've created a master folder in the root to store css and javascript files. And all HTML files will be blogs and I will have to be replicated.

I know this may sound a little tricky so see the screenshot below.

Blog Structure

So each blog HTML will get it's css and js files from assets folder. That's it how it's done. And the custom blog is ready.


Each time I do have to publish a blog I'll duplicate the old one and then edit the Title, Meta Description, Image, And Content Inside it. It takes a few minutes to do it.

And then push it to github and it is published. And the next step is to goto google search console and request indexing of my new blog's URL.

How Do I Write A Blog?

First I get the idea (Of course) and then I write my blog in Markdown using any online tool (Not decided which to use for permanent) and then I convert that Markdown into HTML using this tool.

And then I replace it with the content in HTML and then time to post.

I didn't create any panel like in Dev.to just edit and post it.

How is it?
Oh the link of blog is here, check out and comment here if you got any feedbacks.

🎈 Thanks for reading...

Follow me if you're interested in web dev and about tech stuff and interesting projects.

This weekend I'm going to build a google clone. And I'll share about this only on Devto. So follow me to not MISS OUT!

Top comments (2)

Collapse
 
jd2r profile image
DR

Very nice! I like the design a lot :)

Collapse
 
anasdew profile image
Anas Dew

Thanks.