How to Host a Website On Github Pages

Подписаться 23 тыс.

Просмотров 406 тыс.

50% 1

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

Опубликовано:

18 июн 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 282

@KennyYipCoding Год назад

Check out the playlist of web project tutorials here! ru-vid.com/group/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

@MissElyseaVlogs Год назад

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

@abhishekpawar7191 Год назад

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

@theemeraldend4302 22 часа назад

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

@sp.2778 Год назад

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

@JoshV_TX 3 месяца назад

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

@neverforgetcole Год назад

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

@nicoVR248 2 месяца назад

@alejandrodominguezvalle1666 2 месяца назад

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 10 месяцев назад

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

@bogdanshymuk513 3 месяца назад

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

@sahasrabhujaneuron5975 Год назад

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

@melissawebster1040 Год назад

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

@Abdallah_Ismail 9 месяцев назад

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

@SamuelCoupland 3 месяца назад

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

@codyntuli2541 5 месяцев назад

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

@witherredaway Год назад

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

@Fullstack_LP Год назад

Great streamlined video Kenny. Thanks

@amopf330 Год назад

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

@togya4 Год назад

Brooo the tip you gave in the last is EPICCCC

@markmcla 4 месяца назад

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

@allenlucifer384 Год назад

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

@angelc752 Год назад

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

@JohannVF 5 месяцев назад

Crystal clear instruction! 100/100!

@bailorbah5904 3 месяца назад

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

@bluboy6482 5 месяцев назад

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

@tanjane9280 6 месяцев назад

Thank you for this! Helped a ton

@FnDraws 24 дня назад

Very helpful! thank you! 👏

@NoahM21 6 дней назад

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

@iftyrahman2239 3 месяца назад

Thank you Kenny for solving my problem .

@dakhaniusman9644 11 месяцев назад

Thanks a lot man straight to the point ❤

@IamKudos 11 месяцев назад

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

@TirthTech Год назад

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

@htetkokolwin1571 9 месяцев назад

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

@ginja_ninja720 Месяц назад

this has helped me so much!

@Nick12_45 4 месяца назад

thx! This was helpful and straight to the point

@aladdinassi7552 Год назад

Thanks man this video was so helpful

@user-st4hu2ih7u 3 месяца назад

this was very helpful, thank you !

@Your_Toaster Год назад

Thanks for the tutorial!

@huynhminhquan9977 Год назад

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

@avernus9705 10 месяцев назад

Thank you. It was very helpful.

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

@namitaverma795 Год назад

not working

@chickennuggies0242 10 дней назад

You saved me so much time

@EntZ5000 Год назад

thanks bro thats some real help for me

@filipepapageorgiou2660 4 месяца назад

Thank you man help a lot!

@anant9180 Год назад

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

@shimmerz555 Год назад

any idea what to do for alternative

@mimidiaries1400 10 месяцев назад

Great video thank you so much!

@AdrianKissable 8 месяцев назад

Thanks properly explained.

@kudazafevere6727 Год назад

This is a very good video thank you.

@shiuandai0426 Год назад

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

@shahdkhader2227 10 месяцев назад

that's so helpful thanks a lot❤

@pattaratornseeduang6407 Год назад

thanks you for this knowledge i learned something today 😃

@infiniteproduction2986 Год назад

reaally helped soo much thankssssssssss😍😍😍😍

@immortal2318 3 месяца назад

thank you thank you thank you! very clear

@davidcrejenovschi7056 13 дней назад

this is very helpful. fallow the steps

@zsolti9806 Год назад

Nice video, thank you!

@hunin27 6 месяцев назад

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

@biancaar8032 Год назад

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

@cookiebrown3405 25 дней назад

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

@sunnysharma9836 Год назад

thanks it is very helpfull🤗

@raandomplayer8589 Год назад

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

@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 Год назад

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 6 дней назад

same 😢😢

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

@dev.bojack Год назад

Great video Thanks

@saponiblood Год назад

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

@AndreasBisaNgoding 8 месяцев назад

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

@ascodes3461 Год назад

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

@aksimator2 Год назад

thanks a ton!

@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 Год назад

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

@matejtlapak Год назад

helped a lot thanks

@metallightning55 5 месяцев назад

Thank you so much!!

@manishapandey4220 3 месяца назад

Thank You!

@nickossts8091 2 месяца назад

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

@masterchief9148 Год назад

Thanks a lot !

@naveensexplanations3860 Год назад

Thanks a lot ☺️

@YURTZYN42 3 месяца назад

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

@Alpha-rb6iu 3 месяца назад

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

@qxxrd Месяц назад

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

@rengganis4599 11 месяцев назад

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

@BigCoolCatt Год назад

Thanks alottt for this

@zojirushi1 8 месяцев назад

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.

@abdelrahmankhatab4772 Год назад

Thanks so much you awesome ❤❤❤

@JTJaniceTek 6 месяцев назад

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

@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 Год назад

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

@mrz4424 11 месяцев назад

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?

@iboy1725 Месяц назад

Thank you bro

@onishea100 8 месяцев назад

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

@HemaTBoS 3 месяца назад

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 !

@majid0912 11 дней назад

Thank you for your video. Is it possible to run a php code on github?

@jagadeeshadks Год назад

should we upgrade to pro version?

@user-sd3mj8if6o 4 месяца назад

The pop-up didn't appear with the link to my site...any ideas? Thanks

@emmanuelamokwandoh3061 Год назад

Please did you use root or docs source ?

@Undrios Год назад

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

@hamidmazuji Год назад

enhancement request please: you can not upload directories using this method; you have to hybrid with the desktop app do you want to make a new video so we can include our css, img, and js folders

@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 Месяц назад

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.

@JohannVF 3 месяца назад

Can you update the site via committing new/updated code like normal repositories....or do you need to make a new rep for every update to the site?

@KennyYipCoding 3 месяца назад

you dont need to make a new repo, if you update a file, for ex) adding more html content to a file, after a few minutes, your github website should update to reflect those new changes