How to Host a Website On Github Pages
How to Host a website on Github Pages. We can host a static HTML website for free on Github. You can only host static websites (HTML, CSS, JavaScript, including react, angular, bootstrap). You won't be able to upload a web application with a server (python flask/django, ruby on rails, node.js/express, etc).
The steps are as followed:
1. Create a GitHub account and login
2. Create a repository and name it {username}.github.io if it's a personal website; else, name it whatever you like.
4. Upload your web page files to the new repository
5. Go to settings, pages, and click on source. Change 'none' to 'master' or 'main' (or whichever branch you'd like)
Your website will have this structure: {username}.github.io/{repository-name}
To add a custom domain to your website, check out this video:
• How to add a Custom Do...
Website: www.kennyyipcoding.com/
Java Game Programming Projects Playlist:
• Java Game Programming ...
JavaScript Game Programming Projects Playlist:
• JavaScript Game Progra...
Subscribe for more coding tutorials 😄!
Пікірлер: 285
Check out the playlist of web project tutorials here! kzread.info/head/PLnKe36F30Y4bLhA-st9sC4ZthyV7nsL2Q Got a tutorial suggestion? Let me know down below!
@hemanthkumarng8996
Жыл бұрын
Sir, the images in my website are not loading in it. Pls give me solution
@Galaxy_Education_
Жыл бұрын
do we need any consistent network source like wifi for fast processing?
@lucutes2936
7 ай бұрын
mewo
Thank you so much! In simplest terms and straight to the POINT unlike other videos.
After watching so many videos, this is the one that made deploying websites on Github super clear. Thanks!
@nicoVR248
2 ай бұрын
fr
Great video man !!! Straight to the point without complicating things. Thank you so much ❤️
This is a great video, and the only one that actually helped me! Love your channel, keep the helpful videos comin'!
My brother in Christ this is THE VIDEO. Thanks a lot for skipping the bs and going straight to the point. As a token of my appreciation here is my humble 'subscribe' button hit.
Long live Friend!! Clear and specific instructions. I hosted my website in less than 10 minutes.
This had to have been the most simple explanation that I've come across for this. Thank you a bunch
I love this tutorial! It's simple and short and easy to follow! Many thanks!
Thanks so much, mate! Straight to the point, I could solve my issues with GitHub Pages and now I have my own. Cheers!
This is the video I shall go to from now on to get my tutorials. Thank you. First guy to actually tell me how to deploy a webiste
thanks for getting straight to the point, without any unnecessary chit chat!
Great video man !!! Straight to the point without complicating things. Thank you so much for the extra tip❤
Your channel is so underrated! Thank you for some great videos
Thanks for the awesome, precise and to-the-point video.
Thanks for the clarity man, this video was really helpful and educational.
Thanks bro. have been stuck for ungodly amount of time.❤
❤❤❤thank you so... Much this video is simple and straight forward. I was able to upload my website in few minutes because of this tutorial, may Allah bless you abundantly Thank you once again
Brooo the tip you gave in the last is EPICCCC
That was very helpful! Thanks! I just signed up for github, and I published my website.
thank you so much for talking about all the details!! It helps me a lot!! :)
Great streamlined video Kenny. Thanks
thank you!!you went straight to the point and you aced it.
Crystal clear instruction! 100/100!
thank you very much I just hosted mine, straight to the point
Thanks a lot man straight to the point ❤
u are life saver bro thank u so much u removed my biggest problem in mins
Very helpful! thank you! 👏
Thank you for this! Helped a ton
This helped me out a lot! Thank you so much!
Thank you Kenny for solving my problem .
Your video helped me a lot on hosting , thanks bro.
It works, thank you, I managed to create and publish a full website from my phone without using the PC.😻😻😻
In first sentence the whole confusion gone .. server related issue . Thanks brother
@shimmerz555
Жыл бұрын
any idea what to do for alternative
I had to login and give you a sub bcos you help me a lot of time. Thanks dude
Thanks man this video was so helpful
Thanks for the tutorial!
thx! This was helpful and straight to the point
this was very helpful, thank you !
My Gosh I had so much trouble uploading my site and this video was soo good thank u so much 😄😄😄
@gtrofficial8243
Жыл бұрын
did u publish your file to a public website for free?
@desiboi2559
Жыл бұрын
@@gtrofficial8243 yes!!
thanks bro thats some real help for me
Thank you for the great video. I am following a path from CodeCademy and it had me upload a site. The site didn't go up immediately for some reason. I followed your video to ensure that I did everything correct and looked at my settings and all was good. It took almost 30 minutes to upload and go live. Just a heads up for anyone whos site doesn't go live in 1-10 minutes it may take longer.
Thank you. It was very helpful.
thank you very much. it is the most understandable video.
thanks you for this knowledge i learned something today 😃
Thank you man help a lot!
this has helped me so much!
This is a very good video thank you.
Great video thank you so much!
Thanks properly explained.
Nice video, thank you!
thanks a ton!
that's so helpful thanks a lot❤
This is such a great and useful video...Really Helpful...Thank you soo much 😍😍😍😍
Great video Thanks
thanks alot! im balls deep in full stack but I couldnt quite get the live server up lol. keep up the great work~
thank you thank you thank you! very clear
reaally helped soo much thankssssssssss😍😍😍😍
thanks, i did not get that pop up but it still worked
You saved me so much time
thanks it is very helpfull🤗
Thanks a lot !
helped a lot thanks
Thank you so much broo it workss i love you...
Thank you so much. I've been in diploma, now degree. And still no subject on getting online. How awful. Thank you again.
Thanks a lot ☺️
Great tutorial! One question tho, the file extension trick here tho, does that mean, if the deletion of the file extension would cause issue to open it locally, does that mean we have to add the file extension back whenever we want to open the webpage locally? If we develop the page locally fairly frequently and commit them to git, and every time we do so we have to delete multiple files' extension, wouldn't it be very annoying?
@aminfaka8986
Жыл бұрын
no it overwrites it. I suppose you mean when for example you upload like "web.html" and you then change the original code and put it back. If it has the exact same name it will just delete the previous one automatically
Thank you so much!!
Thank you so much. I managed to create the page but i have a problem. I cant update the page with "git push origin master" or "main" . I am getting a fatal error. Any idea?
Thanks alottt for this
i can see different things in setting, when i cleck the source " i can see only two things, 'github actions', 'deploy from branch' but it doesnt work when i click either one.
@nkemdavis42
Жыл бұрын
It will automatically generate your static website for you
@anacletocorbeta3846
10 ай бұрын
The answer for this is you need to select "NONE" and save once you do that back to deploy from branch again select again the main and save then you will see it will genarate static website for you, hope it will help those who has a problem on this.
@belalmohamed8900
11 күн бұрын
same 😢😢
Thanks so much you awesome ❤❤❤
Thank You!
not working
this is very helpful. fallow the steps
Thanks for the information:- "Only static website can be hosted in Github". I had searched lot(Google as well in youtube) as how to host node website. I did hosted a static website using github and I assume that node application will also hosted same manner using github. Now i understood for node app it will not work using github.
@finkyfreak8515
Жыл бұрын
Bc, they'd lose ton of money if they allowed that for free.
Thx it works.
thank you! my stakeholder took down the website or stopped paying for it and I just noticed! I was applying with a project link that didnt even work
Thank you ❤️🔥❤️🔥❤️🔥❤️🔥
Thank you soo much
Great video! Are there ways to implement widgets onto a site via guthub?
Thanks Bro....
@KennyYipCoding what if i have made a personal website with html,css with flask and python and i want to publish it as a website i cant?
Thanx man,
Thank you bro
So I can't do something like setting up a Flask backend that will be called later by another device?
great vid
Thanks 🙏
I just want to ask why my webpage doesnt apply my css and javascript file when I open it in web. I uploaded all the files needed in github
Follow your step, but there is no URL pop up on my github settings. help ?
thank you so much
what does a landing page for your personal website look like? so when you go to your profile, it brings you to your personal website? how does it work.
😍🥰🥰🤩🤩🤩🥰😍😍🥰🥰🤩 well done
How about moving the #about from your extension? Can you do that?
Thanks you, but this means when I apply any change on my website codes, I will have to reupload the website file codes again, or?
@KennyYipCoding
Ай бұрын
You can modify the code directly on the GitHub website if it’s a quick change. Or you can drag and drop and it’ll replace the existing files with new files. Or you can use git to commit and push the changes. Either way you need to make sure your changes are applied to the files in your GitHub repo. The website will update automatically in a few minutes.
Subbed and thanks! Questions though: 1) Maximum number of repos on one account? 2) Maximum number of websites on one account with different repos? 3) How to use GIT to publish changes instantly? 4) Can others see my code and able to fork it? Thank you Kenny for this awesome tutorial!
@KennyYipCoding
3 ай бұрын
Not sure about the actual memory usage, but if public, you can host many static websites. I have 20+ repos hosted due to my JS game projects tutorial series, which you can find on my channel, or on kennyyipcoding.com . Git is a separate tool that I haven’t made a video on yet. Maybe I’ll add that to the list! Others will be able to see and copy your code if it’s public. if you want to be able to host your website on GitHub and keep it private, you will need to pay for a subscription. Aside from that everything else is free !
i built a website and successfully uploaded iton my repository but the images on the website are not displaying, any idea how i can solve this issue? thank you so much
Thank you
Thanks :)
I do all of steps but in pages write your personal host but i want to publish and get publish url for my project that can be search on internet and see project would you pleas help me?