Getting Started with GitHub Pages
HTML-код
- Опубликовано: 21 авг 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
![[TF2] The Russian Bear Trap](http://i.ytimg.com/vi/YFNSwz2_rOA/mqdefault.jpg)
Best ninja teacher on RUclips ...... Much love from Egypt 🇪🇬
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 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
The kind of tutorials that makes you feel so lucky that you found it , thank you so much !
You're very welcome!
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 !!!
The Ninja is on a mission, such great drive. Thanks for the great tutorials
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.
Very useful. Git help pages have a habit of making me feel rather stupid. Your videos are the antidote. Thanks!
Thanks, Shaun!! I can always rely on your explanations to clear things up.
Just in case you don't know...You are the best to teach such stuff.... :)
so true, I learned everything from Master Ninja !!!
you are a legend, i have 30 courses on udemy still haven't watch but i prefer to watch your youtube playlists.
Other developers : we wants "xyz" tutorials..
Net Ninjas: we want RUclips live Q &A with Shaun.
I second this!
You're the most reliable ninja I've ever meet. Thanks for teaching me so much stuff.
Quick and concise tutorial, thanks for explain this that well, amazing video as always!
Amazing Tutorial. I was struggling with github and hosting a simple webpage on github pages. Thank You Very Much!
NEW SERIES!! thank you so much net ninja!!
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 :)
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
I forgot to like this video. So, when I remembered, I came back and liked it! Awesome video
Already familiar with this but I still watched it because why not?! 😆
You are the only one who i give a like without watching the video first! Cheers!
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?
First comment
but i already use github pages...
Thanks for shareing...
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
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
Your Git and GitHub playlist was really helpful and good.
Thanks for creating such one.
Awesome, didn’t know you can do that. You did it again ninja, never fails to deliver helpful awesome content.
Amazing introduction to github pages. Thank you very much Shaun.
Hi Shaun! This video was really a life saver for me in uploading my assignments, thank you so much.
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.
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 ;)
3:25 directly to the topic
you just save my time from studying the documentation. Love your content and your way of teaching that's the way of a true Ninja ! Stay safe and more content to come. Much love from PH
On july 2023, you access GitHub Pages from the left tab Pages, it is no longer in the General tab. Great video!
Nice tutorial! Detailed and straightforward.
Man you're crazy !!! That kind of stuff we're looking for !!! Thx :)
I'm a member right now
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 !!!
Hey there gaaang - love this❤️❤️
Thanks a lot this really helped
much thanks from the UK! 🇬🇧
Been waiting for long time ❤
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.
Clear and concise, The Net Ninja style! 👏🏿
This man is on fire!!!
love the 8bit intro
Awesome video. I was really confused when learning this but now it is all cleared.
Great to hear! :D
Thanks Shaun for sharing this very useful and helpful knowledge.
for real you are a ninja , you always save me kudos
Do you have any information on how to use GitHub Pages to deploy subdirectory files that is in the root ?
You are by far the best!! Cheers
That was exactly what I was looking for, thanks it helped a ton!
A GitHub Actions crash course and the “git-flow” method of managing a project would be amazing!
I like your Ninja Techniques , they are very helpful thanks
Thank you very much. Still useful after years
Great to hear!
Thank you. Just so straight to the point.
this is so exciting!!!
Thanks Man, its easy to understand.
Glad to hear that! Thanks for watching Naveen :)
This is a life saver. One question though, does github pages support node.js files?
there must be a feature in youtube to like all the videos at once! i would definitely do that!
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.
Fantastic video. New to pages, so very useful indeed. Thanks so much.
Great explanation. I really enjoy learning from your videos!
btw, you need GitHub pro if you want to host private repos which are paid!
Thank you so much. I did not learn that in my course as a matter of fact I think when the course was created gh-pages was free. lol.
Easy stuff and works beautifully
Thank you so much for this tutorial!
Amazing lesson!
I linked up my repo to Netlify. If I'd known this was here, I probably would've just stuck with GitHub.
You heard me, thank you very much!
All love from Germany ❤❤❤🔥🔥🔥
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!
Loved your tutorial! Thank you
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).
Thank you so much for the detailed information, keep it up
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.
wowww. The Ninja is very effective! Thank you.
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
Thanks !!!! you have a new subscriber!!!
Wow super quick and simple
Just tried the private setting on the repository. It doesn't allow to create GitHub pages unless made public.
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?
marvelous bro. thanks a bunch
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".?....👍
I don't have any Github Pages section in my options
Thank you so much you helped me!
Awesome, glad I could help!
Should we expect a redux playlist? Or go on with the old one to learn?
That would be awesome, this topic is highly asked !!!
@@maskman4821 yeah man. It would be a heavenly feeling if Shaun takes up a new playlist on redux 😍😍
Thank you for your help 🙏🧸💛
supper helpful, excellent explanation. Thanks
Glad it was helpful! :)
Great video, thanks shuan!
Very Helpful Video Thanks
Thanks for the tutorial it help me a lot 🇱🇷🇱🇷
No problem 👍 glad it helped :)
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 !!!
If you already have a github repository with a html file in it, go ahead and jump to 3:23
Simple and to the point 😎
It doesn't show that github pages part under settings/general.... I don't know what to do...
Great tutorial, thank you!
Great tutorial, just remember folks, try to put some thought into your Commit messages 😁 that way the history makes sense to other devs (and yourself, later)
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 ?
my webjutsu is on point thanks to you :D
This is Gold .!! 🖖..thankx Ninja 👍