How to make your own blog like this website!

Ever wanted to make your own blog? Do it now!

Step 1

Step

  • Open your terminal and write down:
bash
1npm install -g gatsby-cli
bash
1# This is the starter which we will use
2gatsby new my-gatsby-project https://github.com/gatsbyjs/gatsby-starter-blog
bash
1cd my-gatsby-project

Step 3

  • Open the project in Vscode
bash
1code .
  • The Project structure should look like this: code
  • Gatsby will start a hot-reloading development environment accessible by default at http://localhost:8000. Website should look like this code

Step 4

Write your own blog

code

  • Change the name of the folder hello-world to the title of your blog in our case my-first-blog
  • Write your content in index.md using Markdown
  • You can learn about basic markdown from here: https://www.markdownguide.org/basic-syntax

And you’re done!

Step 5

Host it for free; Press this button to deploy!

Deploy with Vercel

Tags:

Javascript

Gatsby

blog

tutorial

Share article
Piyush Mehta © 2024