How to Host a Website On Github Pages

Поділитися
Вставка
  • Опубліковано 14 гру 2024

КОМЕНТАРІ • 319

  • @KennyYipCoding
    @KennyYipCoding  2 роки тому +28

    Check out the playlist of web project tutorials here!
    ua-cam.com/play/PLnKe36F30Y4bLhA-st9sC4ZthyV7nsL2Q.html
    Got a tutorial suggestion? Let me know down below!

    • @hemanthkumarng8996
      @hemanthkumarng8996 Рік тому

      Sir, the images in my website are not loading in it. Pls give me solution

    • @Galaxy_Education_
      @Galaxy_Education_ Рік тому +1

      do we need any consistent network source like wifi for fast processing?

    • @lucutes2936
      @lucutes2936 Рік тому

      mewo

  • @alejandrodominguezvalle1666
    @alejandrodominguezvalle1666 8 місяців тому +31

    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.

  • @theemeraldend4302
    @theemeraldend4302 6 місяців тому +6

    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

  • @neverforgetcole
    @neverforgetcole Рік тому +15

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

  • @NoahM21
    @NoahM21 6 місяців тому +8

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

  • @PandMissElysea
    @PandMissElysea Рік тому +25

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

  • @appleapple1763
    @appleapple1763 2 роки тому +31

    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
      @nkemdavis42 Рік тому +3

      It will automatically generate your static website for you

    • @anacletocorbeta3846
      @anacletocorbeta3846 Рік тому +3

      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
      @belalmohamed8900 6 місяців тому

      same 😢😢

  • @meguminagumo
    @meguminagumo 4 місяці тому +1

    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!

  • @abhishekpawar7191
    @abhishekpawar7191 Рік тому +23

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

  • @nilanshpathakk760
    @nilanshpathakk760 11 місяців тому +5

    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

    • @DivyaDharshiniPA
      @DivyaDharshiniPA 9 місяців тому

      bro, this is a time saver. needed that.thanks!!

  • @sp.2778
    @sp.2778 2 роки тому +11

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

  • @bogdanshymuk513
    @bogdanshymuk513 10 місяців тому +1

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

  • @SamuelCoupland
    @SamuelCoupland 9 місяців тому

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

  • @JoshV_TX
    @JoshV_TX 9 місяців тому +1

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

  • @xplosionbox
    @xplosionbox Рік тому +1

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

  • @alessandrodhafay.2410
    @alessandrodhafay.2410 5 місяців тому +3

    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

  • @sahasrabhujaneuron5975
    @sahasrabhujaneuron5975 Рік тому +3

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

  • @HemaTBoS
    @HemaTBoS 10 місяців тому +1

    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
      @KennyYipCoding  10 місяців тому +2

      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 !

  • @Abdallah_Ismail
    @Abdallah_Ismail Рік тому +8

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

  • @codyntuli2541
    @codyntuli2541 11 місяців тому

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

  • @togya4
    @togya4 Рік тому

    Brooo the tip you gave in the last is EPICCCC

  • @MohammadKhan-l8j
    @MohammadKhan-l8j 10 місяців тому +1

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

  • @bailorbah5904
    @bailorbah5904 10 місяців тому

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

  • @markmcla
    @markmcla 11 місяців тому

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

  • @filipthedev4159
    @filipthedev4159 2 роки тому +6

    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

    • @filipthedev4159
      @filipthedev4159 Рік тому

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

  • @allenlucifer384
    @allenlucifer384 2 роки тому +1

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

  • @ElixerPrince
    @ElixerPrince 5 місяців тому

    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.

  • @rengganis4599
    @rengganis4599 Рік тому +1

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

  • @anant9180
    @anant9180 Рік тому +1

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

    • @shimmerz555
      @shimmerz555 Рік тому +1

      any idea what to do for alternative

  • @witherredaway
    @witherredaway 2 роки тому +3

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

  • @MaazShaikh-ji2fq
    @MaazShaikh-ji2fq 2 роки тому +3

    I am getting readme file as the result on the hosted website and not the index.html one. Any solutions?

    • @KennyYipCoding
      @KennyYipCoding  2 роки тому +1

      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.

  • @mhnoni
    @mhnoni 2 місяці тому

    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.

  • @arunpoti
    @arunpoti 2 роки тому +1

    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
      @finkyfreak8515 Рік тому

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

  • @melissawebster1040
    @melissawebster1040 Рік тому

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

  • @jagadeeshadks
    @jagadeeshadks 2 роки тому +1

    should we upgrade to pro version?

  • @biancaar8032
    @biancaar8032 2 роки тому +2

    My Gosh I had so much trouble uploading my site and this video was soo good thank u so much 😄😄😄

    • @gtrofficial8243
      @gtrofficial8243 2 роки тому

      did u publish your file to a public website for free?

  • @angelc752
    @angelc752 2 роки тому +1

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

  • @DanieleManca1983
    @DanieleManca1983 2 роки тому +1

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

  • @nenecoulibaly549
    @nenecoulibaly549 4 місяці тому

    Thank you. You made it so simple.

  • @iftyrahman2239
    @iftyrahman2239 10 місяців тому

    Thank you Kenny for solving my problem .

  • @Fullstack_LP
    @Fullstack_LP Рік тому

    Great streamlined video Kenny. Thanks

  • @protips_
    @protips_ 6 місяців тому +1

    when ever i upload my website it just shows the repository name in big letters, why help???

    • @KennyYipCoding
      @KennyYipCoding  6 місяців тому

      you need your index html file in the root folder, otherwise its probably rendering the markdown file on the page

  • @bluboy6482
    @bluboy6482 Рік тому

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

  • @amopf330
    @amopf330 Рік тому

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

  • @ayindejubrilolarewaju8193
    @ayindejubrilolarewaju8193 Рік тому +1

    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!

    • @KennyYipCoding
      @KennyYipCoding  Рік тому +2

      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.

    • @ayindejubrilolarewaju8193
      @ayindejubrilolarewaju8193 Рік тому

      @@KennyYipCoding
      Thank you sir.
      What about css?
      Can it also be in "index.css"?

    • @KennyYipCoding
      @KennyYipCoding  Рік тому

      @@ayindejubrilolarewaju8193 CSS and JS files can be whatever

  • @abhishekkumar-ot4zo
    @abhishekkumar-ot4zo 2 роки тому +1

    sub pages are not working it is showing that There isn't a GitHub Pages site here.

  • @qxxrd
    @qxxrd 7 місяців тому

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

  • @Mommy_milkers1226
    @Mommy_milkers1226 2 роки тому +2

    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"

    • @chawneharris
      @chawneharris 2 роки тому

      I see this same thing, did not show a link after I hit save

    • @chawneharris
      @chawneharris 2 роки тому

      Nvm, I read some more comments and refreshing did work

  • @Alpha-rb6iu
    @Alpha-rb6iu 9 місяців тому

    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

  • @onishea100
    @onishea100 Рік тому

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

  • @swscoobysnacks4784
    @swscoobysnacks4784 5 місяців тому

    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
      @KennyYipCoding  5 місяців тому +1

      What do you mean by link? You mean clicking a link from one page leading to another? That’s an html tag

    • @swscoobysnacks4784
      @swscoobysnacks4784 5 місяців тому

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

  • @AndriiKSK
    @AndriiKSK Рік тому

    what about the situation, where I have html file in src folder

  • @Rising_Devil340
    @Rising_Devil340 Рік тому

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

  • @petitcoke
    @petitcoke Рік тому

    WHen I upload files... Do I need to upload fonts and images and stuff too??? Or just the html, css, and js files?

    • @KennyYipCoding
      @KennyYipCoding  Рік тому

      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

    • @petitcoke
      @petitcoke Рік тому

      @@KennyYipCoding Thank you! My website works 100% now

  • @themarketingbully1686
    @themarketingbully1686 5 місяців тому

    Didn’t work for me.. it never pops up and says my site is ready and I followed it step by step.

  • @zchforward
    @zchforward 4 місяці тому

    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

  • @blakemccann4593
    @blakemccann4593 Рік тому +1

    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.

  • @pratibhanishad1093
    @pratibhanishad1093 2 роки тому +1

    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?

    • @KennyYipCoding
      @KennyYipCoding  2 роки тому

      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

  • @nickossts8091
    @nickossts8091 8 місяців тому

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

  • @ELKACIMIWAFA
    @ELKACIMIWAFA Рік тому +1

    Finally, it worked for me! Thank you so much.

  • @FnDraws
    @FnDraws 7 місяців тому +1

    Very helpful! thank you! 👏

  • @yasminevalencia7494
    @yasminevalencia7494 7 місяців тому

    What if my index.html file is inside another folder in the main branch?

  • @raandomplayer8589
    @raandomplayer8589 2 роки тому +2

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

  • @tanjane9280
    @tanjane9280 Рік тому

    Thank you for this! Helped a ton

  • @YURTZYN42
    @YURTZYN42 9 місяців тому

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

  • @JohannVF
    @JohannVF 11 місяців тому

    Crystal clear instruction! 100/100!

  • @Nick12_45
    @Nick12_45 11 місяців тому

    thx! This was helpful and straight to the point

  • @jtg4416
    @jtg4416 10 місяців тому

    my source drop down doesnt have an option for "master"

  • @silkcharmeuse-f4x
    @silkcharmeuse-f4x 9 місяців тому

    this was very helpful, thank you !

  • @TradeWithTirth
    @TradeWithTirth Рік тому

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

  • @huynhminhquan9977
    @huynhminhquan9977 Рік тому

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

  • @JTJaniceTek
    @JTJaniceTek Рік тому

    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

  • @zojirushi1
    @zojirushi1 Рік тому

    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.

  • @atefehabyaneh
    @atefehabyaneh 5 місяців тому

    hello, my pages options are different so I couldn't reach my web link. would you please help with that?

  • @IamKudos
    @IamKudos Рік тому

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

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

  • @chawneharris
    @chawneharris 2 роки тому +1

    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

    • @KennyYipCoding
      @KennyYipCoding  2 роки тому

      Your index.html should be in the root folder since that’s the landing page, any other html files can be in other folders

  • @VivianaRachelP
    @VivianaRachelP 2 місяці тому

    it's weird, it's keep saying that my file is not found, i wonder what's wrong

  • @valden2217
    @valden2217 10 місяців тому

    can i do the same with laravel project?

  • @Zorbyte
    @Zorbyte 2 місяці тому

    How can you do this if you have a custom domain?

  • @aladdinassi7552
    @aladdinassi7552 Рік тому

    Thanks man this video was so helpful

  • @sang2588
    @sang2588 Рік тому

    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.

  • @itsmihawk
    @itsmihawk Рік тому

    Why my website assets are indexed by google?

  • @devgatling
    @devgatling 2 місяці тому

    Can you upload react projects ?

  • @TheH75914
    @TheH75914 2 роки тому +2

    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?

    • @ultimatesubzero1
      @ultimatesubzero1 Рік тому +1

      Did you ever get an answer to this? I'm running into this issue right now

    • @TheH75914
      @TheH75914 Рік тому +1

      @@ultimatesubzero1 Not quite, but I think AWS is a good solution

  • @RohindPandithurai
    @RohindPandithurai 3 місяці тому

    What is an index html and an about?

  • @mrz4424
    @mrz4424 Рік тому

    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?

  • @NikhilaNikki-o4o
    @NikhilaNikki-o4o 10 місяців тому

    In source.. I gave...'github actions' and branch as 'main'
    Then got ' your site is live at.... Link'
    After 1 hour also... I clicked that link... But my site is not opening. Why? Pls help

  • @jancifoxhound6380
    @jancifoxhound6380 8 місяців тому

    Can you upload React or Vue page like that?

  • @jaffersathick4269
    @jaffersathick4269 Рік тому

    what pc do you use

  • @simonokosun2077
    @simonokosun2077 8 місяців тому

    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?

    • @KennyYipCoding
      @KennyYipCoding  8 місяців тому

      Your landing page should be an index. html file

  • @viralpatel962
    @viralpatel962 Рік тому

    I'm unable to connect my Google domain with GitHub custom domains, Can you help?

  • @emmanuelamokwandoh3061
    @emmanuelamokwandoh3061 Рік тому

    Please did you use root or docs source ?

  • @doaasolaiman2267
    @doaasolaiman2267 7 місяців тому

    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
      @KennyYipCoding  7 місяців тому

      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.

  • @suziewilliams2146
    @suziewilliams2146 7 місяців тому

    I was able to get as far as changing to public and saving the branch settings, however, I'm not seeing a link to my page.

    • @KennyYipCoding
      @KennyYipCoding  7 місяців тому

      Make sure it’s public and you have an index.html. The link should be in the form of . github . io

  • @bluciuswastaken
    @bluciuswastaken 7 місяців тому

    Quick Question! I uploaded my files using drag and drop but instead of dragging the files only, I uploaded the folder containing the files. Now Github doesn't read the folder, what do I do in this case..? Thanks in advance! :D

    • @KennyYipCoding
      @KennyYipCoding  7 місяців тому

      It should bring you to an upload page, GitHub probably didn’t register the drag and drop so if it brings you to an upload page, you can drag and drop the folder again

    • @KennyYipCoding
      @KennyYipCoding  7 місяців тому

      If you go to your GitHub repo, you can click the Add file button (next to the green code button) and select upload files. This will bring you to the upload page where you can just drag and drop your folder.

  • @JobReadyZone2422
    @JobReadyZone2422 10 місяців тому

    Hlo i cant able see my project. It showing readme txt in webpage

  • @dakhaniusman9644
    @dakhaniusman9644 Рік тому

    Thanks a lot man straight to the point ❤

  • @JohannVF
    @JohannVF 10 місяців тому

    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
      @KennyYipCoding  10 місяців тому +1

      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

  • @jmrb
    @jmrb 4 місяці тому

    men can i upload to my assets folder?