DEV Community

Cover image for Getting started with GitHub pages
Ramesh chandra pola for ByteSlash

Posted on

Getting started with GitHub pages

Hello everyone! 🧡

In this article, we look into How to get started with GitHub pages.🤩
Probably you already know how to use Git and GitHub. Suppose you built a complete project for your website and upload it on Github. Now you want others to see what you built, but you don’t know how to use GitHub pages, now I am here to help you all how to get started with GitHub pages.🙂
GitHub Pages is a static site hosting service that takes HTML, CSS, and JavaScript files straight from your repository on GitHub, optionally runs the files through a build process and publishes a website, that are freely hosted on GitHub’s github.io domain.
Project sites whether owned by an organization or a user account, are unlimited.

Let's get started🤩

waiting_gif
Now let's create a new repository and name it with your project name.
new repo.jpg
create repo.jpg
Now upload your files to this repository. You can store any code you like in your Github repository, but to use the GitHub Pages feature to full effect, your code should be structured as a typical website, e.g. with the primary entry point being an HTML file called index.html.
Now you need to turn on the GitHub pages feature for your repository.
To do this, Go to your GitHub repository and click“Settings".
settings.jpg
Then select Pages from the sidebar on the left.
pages tab.jpg
Now underneath Source, choose the "main" branch, and click save
to main.jpg
Again go to the GitHub Pages section, and you should see a line of the form "Your site is ready to be published at https://username.github.io/projectname/."
link.jpg
If you click on this URL, you should go to your Project-site, provided the home page is called index.html — it goes to this entry point by default.
Though this looks empty but it’s just an example to give you an idea. Now you can deploy your own project.
final page.jpg

My work here is done, Now it's your work to build creative projects and host it using GitHub pages🥳🧡

done.gif
That's all for today! 😁 You reached the end of the article 😍
If you found this article helpful, please like and share it 🧡.
wow.gif
Don’t forget to share this article with your friends or colleagues. I'm Rameshchandra pola who loves to build projects and share valuable tips in my Blogs. Feel free to connect with me on any of the platforms below!🧡

GitHubLinkedInTwitter

Top comments (1)

Collapse
 
ifierygod profile image
Goran Kortjie

Awesome man, reminds me why I started blogging here