DEV Community

irishgeoff22
irishgeoff22

Posted on

github pages step by step

#webdev #web3 #website #web

Certainly! Here's a step-by-step guide on how to set up GitHub Pages for a simple website:

1. Create a GitHub Repository:

  1. Go to GitHub and log in.
  2. Click the "+" sign in the upper right corner and select "New repository."
  3. Name your repository (e.g., my-website).
  4. Optionally, add a description.
  5. Choose the visibility (public or private).
  6. Initialize this repository with a README if you want.

2. Create Website Files:

  1. Create an index.html file in the root of your repository.
  2. Add some basic HTML content to index.html. For example: 
 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My Website</title> </head> <body> <h1>Hello, GitHub Pages!</h1> </body> </html>
Enter fullscreen mode Exit fullscreen mode

3. Commit and Push:

  1. Open a terminal or command prompt.

  2. Navigate to your project directory.

    cd path/to/your/repository

  3. Add and commit your changes.

    git add . git commit -m "Initial commit"

  4. Push your changes to GitHub.

    git push origin main

4. Enable GitHub Pages:

  1. Go to your GitHub repository on the web.
  2. Click on the "Settings" tab.
  3. Scroll down to the "GitHub Pages" section.
- In the "Source" dropdown, select `main` (or `master` depending on your default branch). - Click "Save."
Enter fullscreen mode Exit fullscreen mode

5. Access Your Website:

After a few moments, GitHub will build and deploy your website. You can access it at:

https://yourusername.github.io/repositoryname
Enter fullscreen mode Exit fullscreen mode

Replace yourusername with your GitHub username and repositoryname with the name of your repository.

6. Custom Domain (Optional):

If you have a custom domain:

  1. In the "GitHub Pages" section, add your custom domain.
  2. Configure your domain registrar to point to GitHub's IP addresses. GitHub provides instructions for this.

7. Update Your Website:

Whenever you make changes to your website:

  1. Commit and push the changes to your repository.
  2. GitHub Pages will automatically update your site.

That's it! You've successfully set up a basic website using GitHub Pages.

Additional information. To add Contact Form Github Pages

Top comments (0)