Host a static website for FREE on GitHub

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 ต.ค. 2019
  • Hey, this is kamal. Today we are going to see how to host a static website for free on GitHub
    Support us on Patreon :
    / packetcode
    Web Development Crash Course Playlist :
    • Web Development Learni...
    Icons :
    fontawesome.com/
    Facebook page :
    / packetcodepage
    Bootstrap :
    getbootstrap.com/
    Visual Studio Code (code editor) :
    code.visualstudio.com/
    Color Palette :
    colorhunt.co/palettes
    Thumbnail Icon :
    Icons are taken from www.flaticon.com
  • แนวปฏิบัติและการใช้ชีวิต

ความคิดเห็น • 559

  • @Packetcode
    @Packetcode  3 ปีที่แล้ว +132

    I forgot to mention one thing. Make sure to use ur username as the repo name. It should be
    Yourusername.github.io
    And anyone who is having a 404 error do this
    404 means that the file could not be found. To solve this make sure the mainpage is named as index.html and also check if the index.html file is in the root directory and not in any sub folder.
    So if u have only one project in ur repo then make sure that the index file is in
    yourusername.github.io and not in
    yourusername.github.io/subfolder
    If u have multiple projects in ur repo then access it by adding the subfolder name in the URL along with the repo name, like this
    yourusername.github.io/subfolder

    • @synsjoker7147
      @synsjoker7147 3 ปีที่แล้ว +2

      it doesn't work man.. what should i do? i already follow all your instruction, but it still 404 page. Can you help me out?

    • @Packetcode
      @Packetcode  3 ปีที่แล้ว

      Send me the repo link

    • @vedantsingh6966
      @vedantsingh6966 3 ปีที่แล้ว

      Same with me!.( Not working)
      Can you help me out?

    • @vedantsingh6966
      @vedantsingh6966 3 ปีที่แล้ว

      My repolink : github.com/imvsr-69/vsrarts.github.io

    • @Packetcode
      @Packetcode  3 ปีที่แล้ว

      It is showing me that there is no such repo. Check the link once again

  • @sourabh7434
    @sourabh7434 3 ปีที่แล้ว +24

    Clean and simple explanation as it should be... Thanks bud.

  • @krissyevens1238
    @krissyevens1238 2 ปีที่แล้ว +2

    The last part of the video.. absolute gold! Thank you 🙏🏼

  • @Ericolasafrica
    @Ericolasafrica 2 ปีที่แล้ว +51

    This is the only video so far on TH-cam that teaches you what you really want. Thank you

    • @andrzejpec4886
      @andrzejpec4886 11 หลายเดือนก่อน +1

      Always count on people from India! First second I hear the accent, I know I've found what I need 😊😊

  • @hedgehogf98
    @hedgehogf98 ปีที่แล้ว +1

    I was really struggling to understand other TH-cam tutorials. I am so glad I came across this one, thank you so much!

  • @RuthAdebolaHola
    @RuthAdebolaHola 3 ปีที่แล้ว +3

    Changing the main folder name to index just ended my 2 weeks of trying to publish my website. Thanks a million

  • @tonyadams8558
    @tonyadams8558 ปีที่แล้ว +2

    Thanks man i dont know what i would have done without you your videos are veeeeery very helpful

  • @rosebush3072
    @rosebush3072 2 ปีที่แล้ว

    Thank you so much! I tried so many tutorials but this is the one actually works! More vids to come!

  • @dergiftpliz7236
    @dergiftpliz7236 ปีที่แล้ว

    Huge thanks!!! your tutorial helped me finish the job that I could not finish for 4-5 hours.

  • @zuko8250
    @zuko8250 2 ปีที่แล้ว +2

    Finally found a video that explains this properly 🙏

  • @reet5020
    @reet5020 ปีที่แล้ว +1

    The Only Useful video found on TH-cam on this particular topic.
    Thank You so much Bruh! 🤝

  • @thwishatkotian9752
    @thwishatkotian9752 3 ปีที่แล้ว +1

    Thank you so much.I had tried other videos but didn't work. This video was my saviour.

  • @HardeepSingh-gp6bl
    @HardeepSingh-gp6bl ปีที่แล้ว

    Your trick on the last just made my day. Thank you!.

  • @nurfilzanadhirabintihadris2789
    @nurfilzanadhirabintihadris2789 ปีที่แล้ว

    I just realized how 3years ago video helped me out with my final year project right now! Thanks alot

  • @rockymadtricks7139
    @rockymadtricks7139 3 ปีที่แล้ว +1

    you are the one who explained it very well. keep going. big fan...

  • @lifeform106
    @lifeform106 3 ปีที่แล้ว +6

    Thanks so much for this turtorial! It really helped me understand Github and I am going to use this very often!

  • @amielalcala
    @amielalcala 4 ปีที่แล้ว +5

    Thank you! This video is the easiest one to follow.

    • @Packetcode
      @Packetcode  4 ปีที่แล้ว

      @Amiel I'm happy that it was helpful to you.

  • @Vin23
    @Vin23 4 ปีที่แล้ว +1

    Thanks alot brother. This video has helped many of us

  • @growwithmia
    @growwithmia ปีที่แล้ว

    wow thank you, this was really straightforward and helped me a lot!

  • @pikazap6672
    @pikazap6672 11 หลายเดือนก่อน

    Pretty cool! Přesně tohle je to, co jsem potřeboval! Thank you! ❤

  • @prady_v
    @prady_v 4 ปีที่แล้ว +2

    really nice walkthrough... thanks buddy

  • @skjartan7407
    @skjartan7407 ปีที่แล้ว

    thank you, you are the only one who helped me so easily and clearly.

  • @Tanujr
    @Tanujr 3 ปีที่แล้ว

    Very Well Explained Thank you Very much Bro!Keep making videos like these.

  • @venkateshnambi1576
    @venkateshnambi1576 3 ปีที่แล้ว

    Awesome ! i was searching the topic that u mentioned at the last Thankyou!

  • @haziqmorsim
    @haziqmorsim ปีที่แล้ว

    Thank you so much for your clear explanation, it really helped me 👍🏻

  • @Memress
    @Memress 2 ปีที่แล้ว +1

    Thank you. Clean and simple.

  • @VincentPhilander
    @VincentPhilander 4 ปีที่แล้ว +7

    Thank you so much, this has helped me alot.... wow.

    • @normen7743
      @normen7743 3 ปีที่แล้ว

      Can't I upload code of my backend in python on github??

  • @boombangZOOOM
    @boombangZOOOM ปีที่แล้ว

    incredibly helpful, thank you so much!

  • @hosed3017
    @hosed3017 ปีที่แล้ว +1

    Simple explaining, good job bro

  • @zaratahir4010
    @zaratahir4010 3 ปีที่แล้ว +15

    Thank you so much this was helpful ! you are really good at explaining things easily and clearly . It is honestly a talent of yours

    • @Packetcode
      @Packetcode  3 ปีที่แล้ว

      @Zara Thank u for the compliment ❤

  • @zurajeladze4440
    @zurajeladze4440 ปีที่แล้ว

    Thanks bro, you're cool! Helping a lotta people! Good job

  • @farzana726
    @farzana726 11 หลายเดือนก่อน

    You’re Creative Genius! VERY HELPFUL, thankyousomuch❤✨

  • @Billyhustler27
    @Billyhustler27 ปีที่แล้ว

    Brother, thank you for your video, I really needed that !

  • @knowhrishi
    @knowhrishi 4 ปีที่แล้ว +3

    Nice! Well explained! Liked it!

    • @Packetcode
      @Packetcode  4 ปีที่แล้ว +1

      @Hrishikesh. Thanks for the compliment

  • @user-fx5mx7sq6w
    @user-fx5mx7sq6w ปีที่แล้ว

    Amazing tutorial! thank you so much for the help!!

  • @Pritamdaspk
    @Pritamdaspk 3 ปีที่แล้ว +1

    I'm facing problem at 4:48 it's showing the folder contains files. Git can only clone to empty folders

  • @pez5491
    @pez5491 3 ปีที่แล้ว +1

    Great explanation, Thank you!

  • @Muaz_tofik
    @Muaz_tofik 6 หลายเดือนก่อน +1

    I did the same exact thing but says 404 not found i guess it means the website is not located there, but why I uploaded everything. please help!!!!!!

  • @sonnyboyellema5568
    @sonnyboyellema5568 ปีที่แล้ว

    This is a very commended tutorial. Thank you men.

  • @abhivee
    @abhivee 3 ปีที่แล้ว

    Thankyou so much for ur help, simple and clear and it worked.

  • @Ajoi14
    @Ajoi14 5 หลายเดือนก่อน

    Thanks a bunch! That was very easy and helpful!

  • @digigoliath
    @digigoliath 3 ปีที่แล้ว

    Short & Sweet. Thanks!

  • @striker4312
    @striker4312 2 ปีที่แล้ว

    i dont normally comment on youtube but thank you very much for this tutorial. the last tip at the end was extremely useful as well

  • @benjaminmacharia7978
    @benjaminmacharia7978 3 ปีที่แล้ว +2

    That's a nice tutorial thanks for the tip.

  • @techwithadebriel
    @techwithadebriel ปีที่แล้ว

    Thanks so so much. This is really helpful. Thanks so much for all you do

  • @nikekuba2000
    @nikekuba2000 ปีที่แล้ว

    Thank you - very informative guide!

  • @tanim913
    @tanim913 4 ปีที่แล้ว +1

    Man thank you so much , your page deserve so many subscribers . Your instructions are so professional

  • @Hisense-qu1hi
    @Hisense-qu1hi 4 ปีที่แล้ว +11

    Hahaha... I like the part"who watched till the end" you afraid me with the "only one" thing. But nice thanks.

  • @amanpadgelwar1445
    @amanpadgelwar1445 ปีที่แล้ว

    Last tip was cool.Thanks!

  • @bobbyfisher4240
    @bobbyfisher4240 3 ปีที่แล้ว +2

    followed this guide and somehow it doesnt work for me. i made sure my local files was uploaded on my repository but it doesnt work

  • @lamborghinigamer
    @lamborghinigamer ปีที่แล้ว

    Thank you that worked well! I appreciate it.

  • @cj_grafx
    @cj_grafx 11 หลายเดือนก่อน

    surprisingly founf this very helpful, thanks man

  • @sajjadhossincse
    @sajjadhossincse ปีที่แล้ว

    Easy and simple solution. Thanks buddy

  • @mankiratsingh1838
    @mankiratsingh1838 3 ปีที่แล้ว +2

    thanks brother, you saved my friend's ass in 8 minutes.

  • @nagendrapp2213
    @nagendrapp2213 4 ปีที่แล้ว +1

    i have a doubt i developed weather app using js that was not working in netlify i don't know the reaason it gives some security error(like insecure website ,served over https..)

  • @techvishnuyt
    @techvishnuyt ปีที่แล้ว +1

    Thank You! Simple and staright

  • @pvffin
    @pvffin 2 ปีที่แล้ว

    Amazing work! Thank you so much 😭

  • @vivaart5853
    @vivaart5853 3 ปีที่แล้ว +2

    404
    There isn't a GitHub Pages site here.
    If you're trying to publish one, read the full documentation to learn how to set up GitHub Pages for your repository, organization, or user account.
    anyone can help?

    • @MHO4
      @MHO4 4 หลายเดือนก่อน

      me tooo!!! 😢😢😢😢

  • @knseeker1524
    @knseeker1524 3 ปีที่แล้ว

    Thanks a lot sir, because of you , i hosted my first website

  • @ahamedakeel9666
    @ahamedakeel9666 3 ปีที่แล้ว

    Kudos, Very Straight forward!!

  • @wendypamella3515
    @wendypamella3515 ปีที่แล้ว

    Thank you for this video. life saver!

  • @shourrryya
    @shourrryya 3 ปีที่แล้ว

    Nicely explained . You got a new subscriber dude . Great regards from My side .

  • @ezhilmathie3728
    @ezhilmathie3728 3 ปีที่แล้ว

    I can't install GitHub desktop in my PC since it's a 32 bit OS.what should I need to do.

  • @upekshawanniarachchi4021
    @upekshawanniarachchi4021 ปีที่แล้ว

    Well explained. Thank you!

  • @yohanesmesay8250
    @yohanesmesay8250 7 หลายเดือนก่อน

    bro can i use the same step for web template I have downloaded from another site and edited, actually i have tried but it just keeps showing me the page of template owners(without committing my change) what should i do, also i am new to web development

  • @mjscorner2260
    @mjscorner2260 4 ปีที่แล้ว +3

    Thanks! I'll try it for my portfolio.

    • @prabinraut8788
      @prabinraut8788 4 ปีที่แล้ว

      Let me see your portfolio 😊 link plz

  • @zenxs6228
    @zenxs6228 3 ปีที่แล้ว

    That explains everything! Thanks

  • @mileshkumar6303
    @mileshkumar6303 3 ปีที่แล้ว

    bro, i successfully able to host my website. But, now, it is not responsive as it was earlier and the font size and style also got change. I have used bootstrap for responsiveness. what should I do???

  • @zen36158
    @zen36158 2 ปีที่แล้ว

    thank you so much sir, it helps me from hosting my assignment soooo much

  • @singingtransformation2871
    @singingtransformation2871 2 ปีที่แล้ว

    that s a good one without any bull ! thanks a lot!

  • @2vzsoy869
    @2vzsoy869 ปีที่แล้ว

    But how can one link than URL, from an already bought domain name from an provider, I just bought 2 domain names + the hosting space for those 2 webseites and now I'm stuck in linking the whole together!

  • @michreano
    @michreano 2 ปีที่แล้ว

    Thank you so much. I got what I wanted.

  • @bubblekaye
    @bubblekaye ปีที่แล้ว

    This worked! Thank you. I had to wait a couple mins before it worked tho.

  • @anningbright2118
    @anningbright2118 ปีที่แล้ว

    I loved it. You are very good.

  • @floreencia
    @floreencia ปีที่แล้ว

    thank youu!! best video

  • @vtwl24
    @vtwl24 3 ปีที่แล้ว +1

    are we able to edit the html file once its live? if so can we do it over other devices, not needing to use back the same local html files in the original computer?

    • @Lokesh_Karki
      @Lokesh_Karki 3 ปีที่แล้ว

      multiple devices login and edits can be done, takes few minutes to represent

  • @himajpatil
    @himajpatil 3 ปีที่แล้ว

    Thanks a lot. You really helped me .

  • @DavorManojlovic
    @DavorManojlovic 4 ปีที่แล้ว +2

    thank you so so much, you are awesome!!!!

  • @TinyMaths
    @TinyMaths 2 ปีที่แล้ว +9

    Wow, this is pretty much what was looking for. I'm learning github, but wondered if I could display my static website projects on the platform.
    Thank you!
    EDIT: Well, after struggling for a few hours and getting '404' errors, I finally got my first page up, and now I can put all my projects up and work on others to put up as I learn more programming. I was determined to get this today and its' 11:15 at night and 'finally' I've made it thanks to your video. You've earned a subscription.

    • @Swufz
      @Swufz 5 หลายเดือนก่อน +1

      Im having the same problem! How did you fix it?

    • @TinyMaths
      @TinyMaths 5 หลายเดือนก่อน

      @@Swufz I don't know if it's the same issue as yours, but my problem was with how I named the website files, style.css, script.js and index.html
      I had one or more of the file names written in 'title' case, for example Index.html (with a capital 'I') instead of index.html (with a lowercase 'i'. That simple difference seemed to stop the file from being recognized as the main website file by Github. When I changed the file names to lowercase that worked for me. I actually had to remove the files from my the website folder that were on my local computer, place them elsewhere, and then rename them with lowercase and then place them back into the website folder on my local computer. Only then, after submitting the changes to Github and having to wait several minutes, did it finally work.

  • @adityamishra7847
    @adityamishra7847 3 ปีที่แล้ว

    Great explanation. Thanks😊

  • @ihordoroshenko2158
    @ihordoroshenko2158 ปีที่แล้ว

    thanks for clarifying! Great video, despite everything

  • @shobhapaliwal7949
    @shobhapaliwal7949 3 ปีที่แล้ว

    How to run on desktop the github when it is showing error after downloading and showing error of entry point not found after running the setup

  • @unqcreation3098
    @unqcreation3098 3 ปีที่แล้ว

    Nice One, I watch So Many Videos But I didn't Understand That, But This Video Is Use Full For Me, Thank You So Much

  • @houseofrandom26
    @houseofrandom26 ปีที่แล้ว +1

    I am following the exact same steps but it says 404 error, page not found. Can anyone help me here plz?

  • @pianodude1882
    @pianodude1882 3 ปีที่แล้ว

    Thanks for making this video! It helped me a lot. Thanks Again!!!!! Anyway, Subscribed to you!

  • @DevPalliSri
    @DevPalliSri 4 ปีที่แล้ว +4

    Thanks for the video.
    Small query. Can we include third party forms like google forms etc.
    And can we link our own domain with github hosting.
    Thanks.

    • @Packetcode
      @Packetcode  4 ปีที่แล้ว +3

      The problem with adding own domain is that you cant add your domain name directly instead you can redirect users from your own domain
      In the sense when a person tries to open yourdomain.com he will be redirected to username.github.io
      So in a sense you can't actually change the domain in the url instead you can redirect people to this webpage.
      Hope this helps. If you still have any doubt email me. Ill try to help.

    • @qrstw
      @qrstw 3 ปีที่แล้ว

      It is posible to link your own domain with GitHub.

    • @vtwl24
      @vtwl24 3 ปีที่แล้ว

      u can insert google forms, use the embedded html code and paste it to your html script

  • @ahiamatagabriel5696
    @ahiamatagabriel5696 3 ปีที่แล้ว +1

    please i followed all the steps correctly but had an error code 404.

  • @deepakgayke4718
    @deepakgayke4718 3 ปีที่แล้ว

    Hello friend, after following the procedure, web pages couldn't opened in the browser? Help me out.

  • @user-cy5zq3bv8k
    @user-cy5zq3bv8k ปีที่แล้ว

    The tip at the end, how did I never think of that lmao 😂😂😂😂

  • @Faruhane
    @Faruhane 2 ปีที่แล้ว

    Indian IT tutors always worked for me! thanks!

  • @xd9050
    @xd9050 ปีที่แล้ว

    i signed in to my youtube acc, just to comment that
    "u r a legend"

  • @maryumunna1284
    @maryumunna1284 ปีที่แล้ว

    Thanks a lot for this video. Deal done!!

  • @numanansari2603
    @numanansari2603 3 ปีที่แล้ว

    Very helpful thank you very much 😊🙌💛

  • @nicow6975
    @nicow6975 2 ปีที่แล้ว

    Hello! My page works but for some reason the css does not apply at all, I don't know why...

  • @tech-helpbuddy2815
    @tech-helpbuddy2815 2 ปีที่แล้ว

    All I can see is 404 file not found after following all the steps. What may be the possible reason. please clarify

  • @kedardhoke429
    @kedardhoke429 4 ปีที่แล้ว +1

    will it support Angular 8 project?

  • @afrozanjum5086
    @afrozanjum5086 3 ปีที่แล้ว

    Sir if I host a website on GitHub pages then all my files ( html CSS PHP) will be accessible by anyone right?

  • @serbanpri
    @serbanpri 2 ปีที่แล้ว

    thank you so much for video!

  • @wangxian7924
    @wangxian7924 3 ปีที่แล้ว

    Thankkkkkkk YOUUUUUU Soo Muchhh!!! It was very helpful 😁😁😁😁

  • @Tiberiusdinu1031
    @Tiberiusdinu1031 2 หลายเดือนก่อน

    Hello,
    Followed the instructions but 404 for me too.
    Can you help me out please?
    Thank you!