Andyuiuxdesign

GitHub Pages

GitHub Hosting for Web 3

Go to homepage

01 - Choose a code editor

Start by choosing a code editor. Visual Studio Code is a common option for PC and Mac users. Mac users can also explore Nova, BBEdit, or Xcode. Download Visual Studio Code.

Visual Studio Code download page preview

02 - Create a GitHub account

Create a GitHub account, then download GitHub Desktop so you can publish your website files. Download GitHub Desktop.

GitHub Desktop download page preview

03 - Set up your repository

Open GitHub Desktop after it is installed. This is where you will create the repository that holds your website files and connects them to GitHub.

GitHub Desktop start screen

04 - Create a new repository

Click File, then choose New repository. Before you continue, make a folder where you want to store your website code.

GitHub Desktop new repository menu

05 - Publish and set visibility

Choose the local path for your website folder, create the repository, then publish it. In your GitHub settings, change the repository visibility to public.

GitHub repository visibility settings

06 - Configure Pages

Go to the repository Settings page and select Pages from the left side menu. Under Build and deployment, choose to deploy from a branch.

GitHub Pages settings panel

07 - Wait for the site

Wait a few minutes, then return to the top of the Pages screen. GitHub will show the live website link when the page is ready.

Published GitHub Pages website link

08 - Walkthrough video

Watch the walkthrough video to see the full GitHub hosting process from start to finish.

Feel free to contact me

I will respond to you no later than two days.

Back