How to Host a Website On Github Pages
HTML-код
- Опубликовано: 18 июн 2022
- 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 😄!
Check out the playlist of web project tutorials here!
ruclips.net/p/PLnKe36F30Y4bLhA-st9sC4ZthyV7nsL2Q
Got a tutorial suggestion? Let me know down below!
Sir, the images in my website are not loading in it. Pls give me solution
do we need any consistent network source like wifi for fast processing?
mewo
Thank you so much! In simplest terms and straight to the POINT unlike other videos.
Great video man !!! Straight to the point without complicating things. Thank you so much ❤️
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
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.
This is a great video, and the only one that actually helped me! Love your channel, keep the helpful videos comin'!
I love this tutorial! It's simple and short and easy to follow! Many thanks!
Long live Friend!! Clear and specific instructions. I hosted my website in less than 10 minutes.
After watching so many videos, this is the one that made deploying websites on Github super clear. Thanks!
fr
Thanks so much, mate! Straight to the point, I could solve my issues with GitHub Pages and now I have my own. Cheers!
thanks for getting straight to the point, without any unnecessary chit chat!
Your channel is so underrated! Thank you for some great videos
Thanks for the clarity man, this video was really helpful and educational.
Great video man !!! Straight to the point without complicating things. Thank you so much for the extra tip❤
Thanks for the awesome, precise and to-the-point video.
thank you so much for talking about all the details!! It helps me a lot!! :)
Thanks bro. have been stuck for ungodly amount of time.❤
thank you!!you went straight to the point and you aced it.
That was very helpful! Thanks! I just signed up for github, and I published my website.
Great streamlined video Kenny. Thanks
Brooo the tip you gave in the last is EPICCCC
This had to have been the most simple explanation that I've come across for this. Thank you a bunch
Thank you so much! This entire time I thought it was mandatory to use my ysername. I had everything in separate folders ordered by project name.
Crystal clear instruction! 100/100!
Thanks a lot man straight to the point ❤
thank you very much I just hosted mine, straight to the point
❤❤❤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
Thank you for this! Helped a ton
This helped me out a lot! Thank you so much!
Thank you Kenny for solving my problem .
u are life saver bro thank u so much u removed my biggest problem in mins
Your video helped me a lot on hosting , thanks bro.
I had to login and give you a sub bcos you help me a lot of time. Thanks dude
Very helpful! thank you! 👏
thx! This was helpful and straight to the point
Thanks man this video was so helpful
My Gosh I had so much trouble uploading my site and this video was soo good thank u so much 😄😄😄
did u publish your file to a public website for free?
It works, thank you, I managed to create and publish a full website from my phone without using the PC.😻😻😻
Thanks for the tutorial!
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.
In first sentence the whole confusion gone .. server related issue . Thanks brother
any idea what to do for alternative
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.
It will automatically generate your static website for you
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.
same 😢😢
this was very helpful, thank you !
thanks bro
thats some real help for me
Thank you man help a lot!
Thank you. It was very helpful.
this has helped me so much!
thank you thank you thank you! very clear
This is a very good video thank you.
Great video thank you so much!
thank you very much. it is the most understandable video.
i had many more files, like style.css, some js files and pictures in the website, if any of you have tried, it was not working. The fix is instead of /root in hosting pages, select /docs
bro, this is a time saver. needed that.thanks!!
thanks alot! im balls deep in full stack but I couldnt quite get the live server up lol. keep up the great work~
Thanks properly explained.
thanks you for this knowledge i learned something today 😃
that's so helpful thanks a lot❤
Thank you so much. I've been in diploma, now degree. And still no subject on getting online. How awful. Thank you again.
Nice video, thank you!
You saved me so much time
thanks, i did not get that pop up but it still worked
thanks it is very helpfull🤗
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 a ton!
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?
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
reaally helped soo much thankssssssssss😍😍😍😍
Great video
Thanks
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
This is such a great and useful video...Really Helpful...Thank you soo much 😍😍😍😍
Thank you so much!!
Thanks a lot !
Follow your step, but there is no URL pop up on my github settings. help ?
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.
@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?
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.
Bc, they'd lose ton of money if they allowed that for free.
The pop-up didn't appear with the link to my site...any ideas? Thanks
helped a lot thanks
So I can't do something like setting up a Flask backend that will be called later by another device?
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
Thank you so much broo it workss i love you...
I do the exact same thing but it doesn't give me a link
Edit: Nevermind I opened it again and this time it showed up. This time I chose from /root instead of /docs so my guess is the /root made it work
@@saisandeepmandapaka1561 i really don't know how to help, that pages stuff is still confusing to me. Although i remember sometimes it needed like 5-210 minutes to generate a working link
Thanks a lot ☺️
this is very helpful. fallow the steps
does anyone have the issue where they dont see their local images displayed when publishing your html file on github?
Great video❤
How about moving the #about from your extension? Can you do that?
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
Thx it works.
Thanks so much you awesome ❤❤❤
Great video! Are there ways to implement widgets onto a site via guthub?
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?
Thanks alottt for this
what about the situation, where I have html file in src folder
should we upgrade to pro version?
Thank You!
What do I do if I don't get the pop-up saying "Your site is ready to be published"
Why does my say live instead of publish? Does it matter? And my website works but my back ground image and all that doesn’t it.
If you need to add a from to a static website I would use fabform.
sub pages are not working it is showing that There isn't a GitHub Pages site here.
Thank you bro
I have one index.html but I also have other HTML files. After hosting pages only index.html is working while other HTML file are not . What should I do?
Do you have links to these other web pages? Make sure you have the correct path to these html files. You can also try typing that path in on the url. For example if you have an about html, type in [website]/about.html