Getting Started with GitHub Pages
ฝัง
- เผยแพร่เมื่อ 2 ต.ค. 2024
- Hey gang, in this tutorial I'll show you how to get up and running with GitHub pages to host your projects on the web.
🐱👤🐱👤 JOIN THE GANG -
/ @netninja
🐱💻 🐱💻 My Udemy Courses:
Modern JavaScript - www.thenetninj...
Vue JS 3 & Firebase - www.thenetninj...
D3.js & Firebase - www.thenetninj...
🐱💻 🐱💻 Helpful Links:
Git & GitHub tutorial - • Git & GitHub Tutorial ...
🐱💻 🐱💻 Social Links:
Facebook - / thenetninjauk
Twitter - / thenetninjauk
Instagram - / thenetninja
Best ninja teacher on TH-cam ...... Much love from Egypt 🇪🇬
I don't know if you mentioned or not.. but there is a 10 minute delay after you host it. I spent 10 minutes wondering why it didn't work only to read the docs and find out that it takes 10 minutes to fully host... :D
I forgot to like this video. So, when I remembered, I came back and liked it! Awesome video
The Ninja is on a mission, such great drive. Thanks for the great tutorials
Hi Shaun, new to this area and been learning quite a lot from you recently both here and Udemy. Some great content.
Thanks so much Tony, really glad you like :)
@@NetNinja Is this free or need to upgrade your GitHub account?
Thank you so much! Your tutorials helped me get through school. Of course I wished I could have used you the entire course! Thank you, truly! I can't express to you the depth of how important your teachings are to me and I'm sure many others.
I feel the same !!!
Your Git and GitHub playlist was really helpful and good.
Thanks for creating such one.
On july 2023, you access GitHub Pages from the left tab Pages, it is no longer in the General tab. Great video!
Hi Shaun! This video was really a life saver for me in uploading my assignments, thank you so much.
Shaun, I need a complete MERN stack tutorial on udemy I am willing to pay!
That would be awesome, I think Nextjs makes this much easier, you should use Nextjs to build jamstack / fullstack project, I love it so much and It makes learning nodejs backend much easier !!!
does it work the git hub clone with mac??
Already familiar with this but I still watched it because why not?! 😆
Other developers : we wants "xyz" tutorials..
Net Ninjas: we want TH-cam live Q &A with Shaun.
I second this!
so github page hosting has become way so easy than before, I used to create a 'gh-pages' branch, delete master branch stuff like that, but now it evolves a lot, I think github is inspired by Netlify, Vecel because they make hosting so much easier, like a no-brainer, we can easily deploy web apps with their services without going through configurations, thank you Shaun for this informative tutorial !!!
I don't have any Github Pages section in my options
Hey there gaaang - love this❤️❤️
my github pages options isnt there, its not above the danger zone and stuff? where can I find it?
me too........
Is this also possible with a react or vue application?
Not if it's made with Node.js (see: stackoverflow.com/questions/15718649/how-to-publish-a-website-made-by-node-js-to-github-pages )
You're not the only one disappointed if such was your intention.
yes
Hey Man , Nice tutorial about Github pages and How to Host a Site On Github pages and more information , also you explain Switching branches and creating braanches in Short length video Keep it up Man ❤👍
Glad you liked it! Thanks :)
Been waiting for long time ❤
The kind of tutorials that makes you feel so lucky that you found it , thank you so much !
You're very welcome!
please how can i do git clone with macbook pro??
Quick and concise tutorial, thanks for explain this that well, amazing video as always!
Do you have any information on how to use GitHub Pages to deploy subdirectory files that is in the root ?
Hey i have a question, if i build , a React JS App, and run 'build', and upload just the build folder to the repo, then i guess i can serve it as a static website, cause the build folder has a "index.html".?....👍
First comment
but i already use github pages...
Thanks for shareing...
this is so exciting!!!
You are by far the best!! Cheers
Very useful. Git help pages have a habit of making me feel rather stupid. Your videos are the antidote. Thanks!
Thank you for the clear explanation ! getting really confused at first in starting in Github pages setting..x _ x
can u help me figure that out? i couldnt find github pages in settings.
@@ljnanasrija2175 Neither can I - any help greatly appreciated!
I wish I could feel more part of your gang but here in the states we have G.R.E.A.T(Gang Resistant Education And Training) but I will say the your Vue course on Udemy is top notch.
tha's the best vuejs course anyone could ever have !!!
Fantastic video. New to pages, so very useful indeed. Thanks so much.
Pages are okay, but actions is where it's at. Appreciate your insight and content as always Shaun. See you soon my friend!
Github pages section in the settings for me was; In the left side options, in the code and automation section, click on pages
It does matter whether its private or public @NetNinja cause unless you have github pro, a private repo can't be used to form a page through github pages
Thank you so much for the video!! Great video, it made everything very simple. Can you help me with one small problem though? When I try to post the index and go to the General page in Settings, there isn't a GitHub Page option and I can't figure out why. I've tried going at Pages from the banner but it still isn't working. My respository is public as well. Did anyone else have the same problem?
Thank yoi in advance!
I have the same issue :/
Oh I just figured it out, on the side, under "Code and automation" is a pages button
Amazing lesson!
Great explanation. I really enjoy learning from your videos!
i watch you even if i know the topic, you're the best at teaching
so true !!!
I've thought about watching his basic tutorials on subjects I've worked with for a long time. Just so see if there's anything I've missed, or could improve upon.
One question... why does the contact page link need superninja/contact to be referenced from index while styles.css does not? Would we not normally expect root/index.html root/styles.css and root/contact.html to all be at the same level? In the directory structure, styles and contact are at the same level?
I was using your tutorial today as I had a fullstack development course (also 2 years old) showing how to host a HTML file on GitHub and after creating the index.html file then going to settings @3:32 there is no section showing GitHub pages. Has GitHub changed the way GitHub pages works or does the GitHub website not funcation correctly? Any reply greatly appreciated.
This guy is great. Thanks for the videos.
Before now, I had watched several react videos, but after watching your new series, it was so easy for me to pick it up. Thanks a lot.
Just a side request: can you make a video on Python (for backend) and Redux? Thanks.
I think if you had put ./contact.html then you wouldn’t have to add your repo name. Putting forward slash at first place, it will start from root path
Thank you! Somehow your method works while the video demo's fails (for me).
Just tried the private setting on the repository. It doesn't allow to create GitHub pages unless made public.
Thanks, Shaun!! I can always rely on your explanations to clear things up.
How do I hide my Code so other people can not down or copy?
Make the repository private
It doesn't show that github pages part under settings/general.... I don't know what to do...
Amazing Tutorial. I was struggling with github and hosting a simple webpage on github pages. Thank You Very Much!
Thanks for telling about that index file trick, i needed it. i've been trying for some time but couldn't make it because of that problem. Thank you so much ;)
NEW SERIES!! thank you so much net ninja!!
btw, you need GitHub pro if you want to host private repos which are paid!
I linked up my repo to Netlify. If I'd known this was here, I probably would've just stuck with GitHub.
Great tutorial, thank you!
my webjutsu is on point thanks to you :D
i was just struggling with gh pages and finally got it to work after 2 hours, then this comes out....
according to this tutorial, we don't need to create gh-page branch anymore, we can deploy web app to any branch we like, as easy as 123 !!!
You heard me, thank you very much!
Awesome, didn’t know you can do that. You did it again ninja, never fails to deliver helpful awesome content.
give some more videos about github pages......❤❤❤❤
Amazing introduction to github pages. Thank you very much Shaun.
thank you for awesome explanation 🌹
There is no way to easily host github wiki in github pages. Very disappointing.
github changed alot pls make another one
perfect ! 🫡❤❤❤
Thank you very much for the tutorial, it looks simpler than I thought! However it seems (at least now) it matters whether the repository is public or not because for a free account it's only possible if the repo is public.
thank you sir! Godbless. 💓
Thanks for watching! :)
Thanks Shaun for sharing this very useful and helpful knowledge.
I am unable to see my css work after hosting my website on GitHub pages .
Plz help Ninja 🥺
I can't help but wonder how it would work with frameworks likes React.js, Vue.js, Angular.js, or the like. Which have big bad node_modules folders, which are usually mentioned in the git ignore files.
Also, what about languages such as node.js and PHP, which are run server-side?
In any case, this looks very interesting and could be a great way for people who are just learning HTML, CSS and javascript to start hosting their own sites, without having to fork out cash. :)
For the node.js, PHP and back-end side of things, i think you can't implement that here as it's a static website service
@@reyasdev4105 That is a good point.
@@reyasdev4105 can i host multiple websites in a sinlge repo..? like i did some projects in freeCodeCamp and i want to host all of them in the same repo... is that possible ?
you are a legend, i have 30 courses on udemy still haven't watch but i prefer to watch your youtube playlists.
Where is the link about your GitHub tutorial???
10:40
I suspect that you type wrong to show how to edit at github directly.
But I have no evidence.
This is a life saver. One question though, does github pages support node.js files?
Bro, when i did with custom domain, it shows the repository name at the top of the portfolio website i created, how do i remove it??
Can you make a series on PReact?
Hey thanks the vid! I’m getting stuck tho - after ‘git add .’ and then ‘git commit -m’ I keep getting ‘1 file changed, 0 insertions’ and my file on GitHub is there but empty. Any ideas on why/how to fix this?
Right, what's all this then
guys can someone help me when i start the git hub pages the site we read the readme and not the index.html
Thanks a lot this really helped
much thanks from the UK! 🇬🇧
Just in case you don't know...You are the best to teach such stuff.... :)
so true, I learned everything from Master Ninja !!!
Absolutely brilliant instruction step by step video. Thank you so much. As a Newbie and needing a testing website for a project I want to show off to the Dev teams, this was a great starting point for me. Thank you. Going to do your Git course next lol
what if my index.html file is in one folder then how to deploy on the github?
why anchor links doesn't work on githubpages ?
I had issues with the branch for people having issues with that you can do it without creating a new branch.
Also the css can take a while to update go and clear cookies this should help make you see the changes.
I get a 404 error saying there isn't a github pages site here? is it different when your project is a create-react-app?
I have permission denied after paste link from GitGub
It is not showing my html site, instead im only seeing my a text from my readme
when i open link i see only README file. What shall i do?
Can you make a short video about linking files in different folders? I've noticed so many people have an issue with CSS showing in their local but when deploying, there is no CSS on their page. I have read just to move the file out of a folder but that isn't realistic. Sure, it might work, but for organization, we like to keep all our images in one folder etc etc... how do you simply get your CSS top show on a deployed HTML file when it is in a styles or assets or some other folder and linked as per usual in the head of the HTML file? It is also in the repository. A video on linking when you have navigate through folders would helpfull! :) I have an HTML file with a CSS file in an assets folder and is linked in the head. It displays beautifully when opening from live server but there is 0 CSS when I click the link that is from pages and I cant figure it out. I used a comparison tool to ensure the files on my local are the same as in GitHub and after days of articles, edits and videos it still isn't resolved. I know its going to be something as simple as a missing ; but I'm just at a complete loss... Can you please maybe make a video addressing this? Thanks!
Hi, thank you for the tutorial I'm having issues with deploying my react app it keeps rendering the readme file. my folder structure is portifolio --> my_portifolio where all the src and node modules are. if you can help me with that.
Shawn can you do Android series please, since there is no basic mobile development course available on this channel.
I will love to start android by learning from your videos.❤️❤️
good sharing. but how to use templete in github page?
Hi :)
Can anybody tell me how can I run github pages when my repository website is in folder? I mean I have a readme text and folder with my portoflio website.. and I dont know how to do it properly :(
Does GitHub Pages only work with static sites? For example, could I host a site built with Svelte like I can with Netlify? I don't see an option to deploy the "public" directory, so I assume it would not work unless I made a repo from the public directory of a Svelte project. However, that could lead to some tricky organization.
Thank you for all that you do.
Lets go to next level do some typescript projects with type-graphql :)
that would be cool !!!
Hey Ninja. Can i make only one github page per repository? and can i acces a folder from a branch in where i have the index.html file?
thank you, that was helpful and shed light on the fog made me feel good that I can write key points down and apply them, where as my bootcamp is raping my soul.
Is it possible to do a fetch with GitHub pages?
i have yet to get into GIT hub but was wondering if i can place an already complete project on GIT pages all at once? thanks!
imformative video thanks ninja . I like it ❤❤❤
Man you're crazy !!! That kind of stuff we're looking for !!! Thx :)
I'm a member right now