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

  • @KennyYipCoding
    @KennyYipCoding Жыл бұрын

    Check out the playlist of web project tutorials here! kzread.info/head/PLnKe36F30Y4bLhA-st9sC4ZthyV7nsL2Q Got a tutorial suggestion? Let me know down below!

  • @hemanthkumarng8996

    @hemanthkumarng8996

    Жыл бұрын

    Sir, the images in my website are not loading in it. Pls give me solution

  • @Galaxy_Education_

    @Galaxy_Education_

    Жыл бұрын

    do we need any consistent network source like wifi for fast processing?

  • @lucutes2936

    @lucutes2936

    7 ай бұрын

    mewo

  • @MissElyseaVlogs
    @MissElyseaVlogs Жыл бұрын

    Thank you so much! In simplest terms and straight to the POINT unlike other videos.

  • @neverforgetcole
    @neverforgetcole Жыл бұрын

    After watching so many videos, this is the one that made deploying websites on Github super clear. Thanks!

  • @nicoVR248

    @nicoVR248

    2 ай бұрын

    fr

  • @abhishekpawar7191
    @abhishekpawar7191 Жыл бұрын

    Great video man !!! Straight to the point without complicating things. Thank you so much ❤️

  • @sp.2778
    @sp.2778 Жыл бұрын

    This is a great video, and the only one that actually helped me! Love your channel, keep the helpful videos comin'!

  • @alejandrodominguezvalle1666
    @alejandrodominguezvalle16662 ай бұрын

    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.

  • @xplosionbox
    @xplosionbox10 ай бұрын

    Long live Friend!! Clear and specific instructions. I hosted my website in less than 10 minutes.

  • @JoshV_TX
    @JoshV_TX3 ай бұрын

    This had to have been the most simple explanation that I've come across for this. Thank you a bunch

  • @sahasrabhujaneuron5975
    @sahasrabhujaneuron5975 Жыл бұрын

    I love this tutorial! It's simple and short and easy to follow! Many thanks!

  • @melissawebster1040
    @melissawebster1040 Жыл бұрын

    Thanks so much, mate! Straight to the point, I could solve my issues with GitHub Pages and now I have my own. Cheers!

  • @theemeraldend4302
    @theemeraldend43025 күн бұрын

    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

  • @bogdanshymuk513
    @bogdanshymuk5133 ай бұрын

    thanks for getting straight to the point, without any unnecessary chit chat!

  • @Abdallah_Ismail
    @Abdallah_Ismail10 ай бұрын

    Great video man !!! Straight to the point without complicating things. Thank you so much for the extra tip❤

  • @SamuelCoupland
    @SamuelCoupland3 ай бұрын

    Your channel is so underrated! Thank you for some great videos

  • @witherredaway
    @witherredaway Жыл бұрын

    Thanks for the awesome, precise and to-the-point video.

  • @codyntuli2541
    @codyntuli25415 ай бұрын

    Thanks for the clarity man, this video was really helpful and educational.

  • @allenlucifer384
    @allenlucifer384 Жыл бұрын

    Thanks bro. have been stuck for ungodly amount of time.❤

  • @bailorbah5904
    @bailorbah59044 ай бұрын

    ❤❤❤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

  • @togya4
    @togya4 Жыл бұрын

    Brooo the tip you gave in the last is EPICCCC

  • @markmcla
    @markmcla4 ай бұрын

    That was very helpful! Thanks! I just signed up for github, and I published my website.

  • @angelc752
    @angelc752 Жыл бұрын

    thank you so much for talking about all the details!! It helps me a lot!! :)

  • @Fullstack_LP
    @Fullstack_LP Жыл бұрын

    Great streamlined video Kenny. Thanks

  • @amopf330
    @amopf330 Жыл бұрын

    thank you!!you went straight to the point and you aced it.

  • @JohannVF
    @JohannVF5 ай бұрын

    Crystal clear instruction! 100/100!

  • @bluboy6482
    @bluboy64826 ай бұрын

    thank you very much I just hosted mine, straight to the point

  • @dakhaniusman9644
    @dakhaniusman964411 ай бұрын

    Thanks a lot man straight to the point ❤

  • @TirthTech
    @TirthTech Жыл бұрын

    u are life saver bro thank u so much u removed my biggest problem in mins

  • @FnDraws
    @FnDraws29 күн бұрын

    Very helpful! thank you! 👏

  • @tanjane9280
    @tanjane92806 ай бұрын

    Thank you for this! Helped a ton

  • @IamKudos
    @IamKudos11 ай бұрын

    This helped me out a lot! Thank you so much!

  • @iftyrahman2239
    @iftyrahman22393 ай бұрын

    Thank you Kenny for solving my problem .

  • @htetkokolwin1571
    @htetkokolwin15719 ай бұрын

    Your video helped me a lot on hosting , thanks bro.

  • @NoahM21
    @NoahM2111 күн бұрын

    It works, thank you, I managed to create and publish a full website from my phone without using the PC.😻😻😻

  • @anant9180
    @anant9180 Жыл бұрын

    In first sentence the whole confusion gone .. server related issue . Thanks brother

  • @shimmerz555

    @shimmerz555

    Жыл бұрын

    any idea what to do for alternative

  • @huynhminhquan9977
    @huynhminhquan9977 Жыл бұрын

    I had to login and give you a sub bcos you help me a lot of time. Thanks dude

  • @aladdinassi7552
    @aladdinassi7552 Жыл бұрын

    Thanks man this video was so helpful

  • @Your_Toaster
    @Your_Toaster Жыл бұрын

    Thanks for the tutorial!

  • @Nick12_45
    @Nick12_454 ай бұрын

    thx! This was helpful and straight to the point

  • @user-st4hu2ih7u
    @user-st4hu2ih7u3 ай бұрын

    this was very helpful, thank you !

  • @biancaar8032
    @biancaar8032 Жыл бұрын

    My Gosh I had so much trouble uploading my site and this video was soo good thank u so much 😄😄😄

  • @gtrofficial8243

    @gtrofficial8243

    Жыл бұрын

    did u publish your file to a public website for free?

  • @desiboi2559

    @desiboi2559

    Жыл бұрын

    @@gtrofficial8243 yes!!

  • @EntZ5000
    @EntZ5000 Жыл бұрын

    thanks bro thats some real help for me

  • @blakemccann4593
    @blakemccann4593 Жыл бұрын

    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.

  • @avernus9705
    @avernus970510 ай бұрын

    Thank you. It was very helpful.

  • @shiuandai0426
    @shiuandai0426 Жыл бұрын

    thank you very much. it is the most understandable video.

  • @pattaratornseeduang6407
    @pattaratornseeduang6407 Жыл бұрын

    thanks you for this knowledge i learned something today 😃

  • @filipepapageorgiou2660
    @filipepapageorgiou26604 ай бұрын

    Thank you man help a lot!

  • @ginja_ninja720
    @ginja_ninja720Ай бұрын

    this has helped me so much!

  • @kudazafevere6727
    @kudazafevere6727 Жыл бұрын

    This is a very good video thank you.

  • @mimidiaries1400
    @mimidiaries140010 ай бұрын

    Great video thank you so much!

  • @AdrianKissable
    @AdrianKissable9 ай бұрын

    Thanks properly explained.

  • @zsolti9806
    @zsolti9806 Жыл бұрын

    Nice video, thank you!

  • @aksimator2
    @aksimator2 Жыл бұрын

    thanks a ton!

  • @shahdkhader2227
    @shahdkhader222710 ай бұрын

    that's so helpful thanks a lot❤

  • @ascodes3461
    @ascodes3461 Жыл бұрын

    This is such a great and useful video...Really Helpful...Thank you soo much 😍😍😍😍

  • @dev.bojack
    @dev.bojack Жыл бұрын

    Great video Thanks

  • @saponiblood
    @saponiblood Жыл бұрын

    thanks alot! im balls deep in full stack but I couldnt quite get the live server up lol. keep up the great work~

  • @immortal2318
    @immortal23184 ай бұрын

    thank you thank you thank you! very clear

  • @infiniteproduction2986
    @infiniteproduction2986 Жыл бұрын

    reaally helped soo much thankssssssssss😍😍😍😍

  • @hunin27
    @hunin277 ай бұрын

    thanks, i did not get that pop up but it still worked

  • @chickennuggies0242
    @chickennuggies024215 күн бұрын

    You saved me so much time

  • @sunnysharma9836
    @sunnysharma9836 Жыл бұрын

    thanks it is very helpfull🤗

  • @masterchief9148
    @masterchief9148 Жыл бұрын

    Thanks a lot !

  • @matejtlapak
    @matejtlapak Жыл бұрын

    helped a lot thanks

  • @AndreasBisaNgoding
    @AndreasBisaNgoding8 ай бұрын

    Thank you so much broo it workss i love you...

  • @raandomplayer8589
    @raandomplayer8589 Жыл бұрын

    Thank you so much. I've been in diploma, now degree. And still no subject on getting online. How awful. Thank you again.

  • @naveensexplanations3860
    @naveensexplanations3860 Жыл бұрын

    Thanks a lot ☺️

  • @jasonhe6947
    @jasonhe6947 Жыл бұрын

    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

    @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

  • @metallightning55
    @metallightning556 ай бұрын

    Thank you so much!!

  • @alexgeo7358
    @alexgeo7358 Жыл бұрын

    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?

  • @BigCoolCatt
    @BigCoolCatt Жыл бұрын

    Thanks alottt for this

  • @appleapple1763
    @appleapple1763 Жыл бұрын

    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

    @nkemdavis42

    Жыл бұрын

    It will automatically generate your static website for you

  • @anacletocorbeta3846

    @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

    @belalmohamed8900

    11 күн бұрын

    same 😢😢

  • @abdelrahmankhatab4772
    @abdelrahmankhatab4772 Жыл бұрын

    Thanks so much you awesome ❤❤❤

  • @manishapandey4220
    @manishapandey42203 ай бұрын

    Thank You!

  • @namitaverma795
    @namitaverma795 Жыл бұрын

    not working

  • @davidcrejenovschi7056
    @davidcrejenovschi705618 күн бұрын

    this is very helpful. fallow the steps

  • @arunpoti
    @arunpoti Жыл бұрын

    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

    @finkyfreak8515

    Жыл бұрын

    Bc, they'd lose ton of money if they allowed that for free.

  • @tonkofonko
    @tonkofonko2 күн бұрын

    Thx it works.

  • @cookiebrown3405
    @cookiebrown340529 күн бұрын

    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

  • @Undrios
    @Undrios Жыл бұрын

    Thank you ❤️‍🔥❤️‍🔥❤️‍🔥❤️‍🔥

  • @Shadow-lx9rh
    @Shadow-lx9rh Жыл бұрын

    Thank you soo much

  • @YURTZYN42
    @YURTZYN423 ай бұрын

    Great video! Are there ways to implement widgets onto a site via guthub?

  • @musthafakoppam
    @musthafakoppam Жыл бұрын

    Thanks Bro....

  • @nickossts8091
    @nickossts80912 ай бұрын

    @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?

  • @rbrt8
    @rbrt8 Жыл бұрын

    Thanx man,

  • @user-ry4kt2oq2t
    @user-ry4kt2oq2t7 ай бұрын

    Thank you bro

  • @qxxrd
    @qxxrdАй бұрын

    So I can't do something like setting up a Flask backend that will be called later by another device?

  • @slopaxo
    @slopaxo Жыл бұрын

    great vid

  • @islamilamp869
    @islamilamp869 Жыл бұрын

    Thanks 🙏

  • @Alpha-rb6iu
    @Alpha-rb6iu3 ай бұрын

    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

  • @rengganis4599
    @rengganis459911 ай бұрын

    Follow your step, but there is no URL pop up on my github settings. help ?

  • @abdelrahmanashrafkhatab1587
    @abdelrahmanashrafkhatab158711 ай бұрын

    thank you so much

  • @zojirushi1
    @zojirushi18 ай бұрын

    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.

  • @S-Lomar
    @S-Lomar9 ай бұрын

    😍🥰🥰🤩🤩🤩🥰😍😍🥰🥰🤩 well done

  • @onishea100
    @onishea1008 ай бұрын

    How about moving the #about from your extension? Can you do that?

  • @doaasolaiman2267
    @doaasolaiman2267Ай бұрын

    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

    @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.

  • @HemaTBoS
    @HemaTBoS3 ай бұрын

    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

    @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 !

  • @JTJaniceTek
    @JTJaniceTek6 ай бұрын

    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

  • @islandbanana30
    @islandbanana30 Жыл бұрын

    Thank you

  • @graybab
    @graybab Жыл бұрын

    Thanks :)

  • @mrz4424
    @mrz4424 Жыл бұрын

    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?