Check out the playlist of web project tutorials here! ruclips.net/p/PLnKe36F30Y4bLhA-st9sC4ZthyV7nsL2Q Got a tutorial suggestion? Let me know down below!
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.
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.
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.
Thank you so much for the best tutorial vid! I had spent hours to figure out how to desply a website on github pages and finally here I am. Problem solved :) Great 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
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!
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 !
❤❤❤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 the video, one small note, looks like it's case sensitive, my page didn't work with "Index.html", I had to make it lowercase "index.html" and it worked.
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.
how to make landing page bro?, my github dont to execute all my html, css and js, do you have a solutions?, 404 not found and wait like a 10 minutes and just same, pls help
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
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.
Hello! I hope this gets seen, it's been about 2 years since this video was published.. Can you please make a tutorial of how you got the pages to link together? Time stamps of 4:45-4:52 as visual example of what I'm referencing. I've tried just standard linking between pages like I do in Visual Studio code, but it's failing and I'm not finding a youtube tutorial on how to do it nor in the resources on github pages. I'm looking to do exactly what you did to link your 2 pages, and I'm at a loss atm on a solution...
@@KennyYipCoding Right, yes an html href tag, but it won't link properly between the files on github pages. Could you make a tutorial showing how you got it to work with linking them together please?
Thanks for the video. I have two questions please. 1. Must we name our file as "index.html" ? 2. Then, I can only see "None" option in the source. How can I solve this problem? Thank you!
If your website uses images and fonts, you need to provide those too. Otherwise, your html file wouldn’t know where to find these images/fonts if they’re not stored together
i am having an error not found. i tried what you said at the reply at the bottom comment. i also tried what he tried using /doc instead of /root yet same error then i look at the "actions" there is an error in build it says the error is from "build with jenkyll"
This means that your repo is missing an index.html file, which should be at the root level of your directory. Make sure you updated your repo with your files.
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.
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
So is a repository the same thing as a folder? Its sounds like you're saying I can create various repositories under my account to host more than one website. Also, I signed up for github but can find github pages anywhere.
@@KennyYipCoding Thank you but I finally found it. My problem was that I didn't make my repository public. I just assumed that it should be private until I was ready to publish it. But it turns out that due to another feature, a paid feature, you can't access Github Pages for free until you make your repository public. THEN you can access Github Pages for free. But if your repository is still private, it will keep directing you to sign up for a paid account before you can access Github Pages. It's all because under a paid account, you can publish a website and still have it remain private. So then as long as your repository is private, it will keep directing you to sign up for a pro account. In the end it worked really well. Its a bit over engineered for my purposes right now (posting a website) but eventually, I want to get back into coding so it will probably come in very handy.
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
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
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?
seems the name of html file must be index.html? And even i ve upload my files,the page still can't download css file from outside, but when i make the css into html file, it works, i don't know why
Does anyone know why you can only deploy a static website to github?? Like why cant you deploy one that contains server code? Does anyone know any web hosts that are free where you could deploy a website that is using web code like python with flask or socket?
Great video. But I have an issue. I followed step by step as you described in your video but my site only displays my repository name and doesn’t display anything that I coded in my html file. Is there something I did wrong?
Is there any where to find this web page files that you used here? just to have a quick test , sorry honestly i am still a dummie in HTML, definitely a lot to learn! By the way great video! keep up the good work!
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.
If i do not know HTLM can i still use word press or wixx? I am trying to build a website but i do not want to pay per month for example on wixx or word press
HTML CSS and JAVASCRIPT are the code behind webpages. When you use wix or word press, you are given an interface to create your own webpage but underneath that, it all gets translated into code. So without having a source of HTML/CSS /JAVASCRIPT, you cannot have a webpage.
Has anyone ever had issues with their Github account where you couldn't publish a repo to Github pages, the Save button is constantly disabled and you have this message: Your GitHub Pages site is currently being built from the master branch. Learn more. However nothing is ever built...
Lets say I already made a base website and code, but I had edited it locally. How would I change the file on github?, would it just update automatically to what I made as changes or do I have to reupload the file.
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
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 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
After watching so many videos, this is the one that made deploying websites on Github super clear. Thanks!
fr
It works, thank you, I managed to create and publish a full website from my phone without using the PC.😻😻😻
Thank you so much! In simplest terms and straight to the POINT unlike other videos.
thanks for getting straight to the point, without any unnecessary chit chat!
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 😢😢
Great video man !!! Straight to the point without complicating things. Thank you so much ❤️
Thank you so much for the best tutorial vid! I had spent hours to figure out how to desply a website on github pages and finally here I am. Problem solved :) Great 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!!
Long live Friend!! Clear and specific instructions. I hosted my website in less than 10 minutes.
This is a great video, and the only one that actually helped me! Love your channel, keep the helpful videos comin'!
Your channel is so underrated! Thank you for some great videos
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!
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 !
❤❤❤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
I love this tutorial! It's simple and short and easy to follow! Many thanks!
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.
Great video man !!! Straight to the point without complicating things. Thank you so much for the extra tip❤
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.
Thanks for the clarity man, this video was really helpful and educational.
Thanks bro. have been stuck for ungodly amount of time.❤
Thank you for the video, one small note, looks like it's case sensitive, my page didn't work with "Index.html", I had to make it lowercase "index.html" and it worked.
Thanks for the awesome, precise and to-the-point video.
Thanks so much, mate! Straight to the point, I could solve my issues with GitHub Pages and now I have my own. Cheers!
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?
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.
how to make landing page bro?, my github dont to execute all my html, css and js, do you have a solutions?, 404 not found and wait like a 10 minutes and just same, pls help
thank you very much I just hosted mine, straight to the point
Great streamlined video Kenny. Thanks
Crystal clear instruction! 100/100!
thank you!!you went straight to the point and you aced it.
Thank you Kenny for solving my problem .
Very helpful! thank you! 👏
Thank you. You made it so simple.
thank you so much for talking about all the details!! It helps me a lot!! :)
In first sentence the whole confusion gone .. server related issue . Thanks brother
any idea what to do for alternative
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
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.
Hello! I hope this gets seen, it's been about 2 years since this video was published.. Can you please make a tutorial of how you got the pages to link together? Time stamps of 4:45-4:52 as visual example of what I'm referencing. I've tried just standard linking between pages like I do in Visual Studio code, but it's failing and I'm not finding a youtube tutorial on how to do it nor in the resources on github pages. I'm looking to do exactly what you did to link your 2 pages, and I'm at a loss atm on a solution...
What do you mean by link? You mean clicking a link from one page leading to another? That’s an html tag
@@KennyYipCoding Right, yes an html href tag, but it won't link properly between the files on github pages. Could you make a tutorial showing how you got it to work with linking them together please?
Thank you so much. I've been in diploma, now degree. And still no subject on getting online. How awful. Thank you again.
Thank you for this! Helped a ton
Your video helped me a lot on hosting , thanks bro.
Thanks for the video.
I have two questions please.
1. Must we name our file as "index.html" ?
2. Then, I can only see "None" option in the source.
How can I solve this problem?
Thank you!
Yes because “index.html” is the landing home page. Otherwise the browser will not know which file to load first when you land on the website.
@@KennyYipCoding
Thank you sir.
What about css?
Can it also be in "index.css"?
@@ayindejubrilolarewaju8193 CSS and JS files can be whatever
u are life saver bro thank u so much u removed my biggest problem in mins
thx! This was helpful and straight to the point
this was very helpful, thank you !
Great video! Are there ways to implement widgets onto a site via guthub?
Finally, it worked for me! Thank you so much.
Thanks a lot man straight to the point ❤
thanks it is very helpfull🤗
This helped me out a lot! Thank you so much!
WHen I upload files... Do I need to upload fonts and images and stuff too??? Or just the html, css, and js files?
If your website uses images and fonts, you need to provide those too. Otherwise, your html file wouldn’t know where to find these images/fonts if they’re not stored together
@@KennyYipCoding Thank you! My website works 100% now
i am having an error not found. i tried what you said at the reply at the bottom comment. i also tried what he tried using /doc instead of /root yet same error then i look at the "actions" there is an error in build it says the error is from "build with jenkyll"
I see this same thing, did not show a link after I hit save
Nvm, I read some more comments and refreshing did work
The pop-up didn't appear with the link to my site...any ideas? Thanks
Thanks man this video was so helpful
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
I had to login and give you a sub bcos you help me a lot of time. Thanks dude
Follow your step, but there is no URL pop up on my github settings. help ?
thanks you for this knowledge i learned something today 😃
reaally helped soo much thankssssssssss😍😍😍😍
thanks, i did not get that pop up but it still worked
I am getting readme file as the result on the hosted website and not the index.html one. Any solutions?
This means that your repo is missing an index.html file, which should be at the root level of your directory. Make sure you updated your repo with your files.
thanks a lot for this very useful video
Thanks for the tutorial!
this has helped me so much!
Can Pages look into a folder to find .html so that it does not grab only the readme? Or will I have to move the html out of the folder
Your index.html should be in the root folder since that’s the landing page, any other html files can be in other folders
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?
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.
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
Thank you. It was very helpful.
So is a repository the same thing as a folder? Its sounds like you're saying I can create various repositories under my account to host more than one website. Also, I signed up for github but can find github pages anywhere.
yes, pretty much. You have to go to your repo, select settings, and select pages from there.
@@KennyYipCoding Thank you but I finally found it. My problem was that I didn't make my repository public. I just assumed that it should be private until I was ready to publish it. But it turns out that due to another feature, a paid feature, you can't access Github Pages for free until you make your repository public. THEN you can access Github Pages for free. But if your repository is still private, it will keep directing you to sign up for a paid account before you can access Github Pages. It's all because under a paid account, you can publish a website and still have it remain private. So then as long as your repository is private, it will keep directing you to sign up for a pro account. In the end it worked really well. Its a bit over engineered for my purposes right now (posting a website) but eventually, I want to get back into coding so it will probably come in very handy.
Nice simple video. I like.
@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?
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?
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
thanks bro
thats some real help for me
Thank you for your video. Is it possible to run a php code on github?
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
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?
Thank you man help a lot!
seems the name of html file must be index.html? And even i ve upload my files,the page still can't download css file from outside, but when i make the css into html file, it works, i don't know why
This is such a great and useful video...Really Helpful...Thank you soo much 😍😍😍😍
Does anyone know why you can only deploy a static website to github?? Like why cant you deploy one that contains server code? Does anyone know any web hosts that are free where you could deploy a website that is using web code like python with flask or socket?
Did you ever get an answer to this? I'm running into this issue right now
@@ultimatesubzero1 Not quite, but I think AWS is a good solution
It works! Thank you
should we upgrade to pro version?
So I can't do something like setting up a Flask backend that will be called later by another device?
Great video. But I have an issue. I followed step by step as you described in your video but my site only displays my repository name and doesn’t display anything that I coded in my html file. Is there something I did wrong?
Your landing page should be an index. html file
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.
Is there any where to find this web page files that you used here?
just to have a quick test , sorry honestly i am still a dummie in HTML, definitely a lot to learn!
By the way great video! keep up the good work!
You may go on my GitHub, clone any project repo, and try to host it on GitHub with the steps given
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
You saved me so much time
thank you very much. it is the most understandable video.
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.
If i do not know HTLM can i still use word press or wixx? I am trying to build a website but i do not want to pay per month for example on wixx or word press
HTML CSS and JAVASCRIPT are the code behind webpages. When you use wix or word press, you are given an interface to create your own webpage but underneath that, it all gets translated into code. So without having a source of HTML/CSS /JAVASCRIPT, you cannot have a webpage.
This is a very good video thank you.
Has anyone ever had issues with their Github account where you couldn't publish a repo to Github pages, the Save button is constantly disabled and you have this message: Your GitHub Pages site is currently being built from the master branch. Learn more.
However nothing is ever built...
Lets say I already made a base website and code, but I had edited it locally. How would I change the file on github?, would it just update automatically to what I made as changes or do I have to reupload the file.
If you drag and drop your file, it will upload and replace the existing file of the same name
Thanks!@@KennyYipCoding
that's so helpful thanks a lot❤