Host a static website for FREE on GitHub

Поделиться
HTML-код
  • Опубликовано: 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
  • ХоббиХобби

Комментарии • 561

  • @Packetcode
    @Packetcode  4 года назад +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 4 года назад +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  4 года назад

      Send me the repo link

    • @vedantsingh6966
      @vedantsingh6966 4 года назад

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

    • @vedantsingh6966
      @vedantsingh6966 4 года назад

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

    • @Packetcode
      @Packetcode  4 года назад

      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.

  • @hedgehogf98
    @hedgehogf98 Год назад +1

    I was really struggling to understand other RUclips 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

  • @Ericolasafrica
    @Ericolasafrica 3 года назад +51

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

    • @andrzejpec4886
      @andrzejpec4886 Год назад +1

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

  • @krissyevens1238
    @krissyevens1238 2 года назад +2

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

  • @tonyadams8558
    @tonyadams8558 2 года назад +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!

  • @reet5020
    @reet5020 Год назад +1

    The Only Useful video found on RUclips 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.

  • @dergiftpliz7236
    @dergiftpliz7236 Год назад

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

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

  • @venkateshnambi1576
    @venkateshnambi1576 3 года назад

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

  • @pikazap6672
    @pikazap6672 Год назад

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

  • @HardeepSingh-gp6bl
    @HardeepSingh-gp6bl 2 года назад

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

  • @zuko8250
    @zuko8250 3 года назад +2

    Finally found a video that explains this properly 🙏

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

  • @Tanujr
    @Tanujr 4 года назад

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

  • @growwithmia
    @growwithmia 2 года назад

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

  • @Vin23
    @Vin23 4 года назад +1

    Thanks alot brother. This video has helped many of us

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

  • @Billyhustler27
    @Billyhustler27 Год назад

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

  • @tanim913
    @tanim913 4 года назад +1

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

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

  • @haziqmorsim
    @haziqmorsim Год назад

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

  • @zurajeladze4440
    @zurajeladze4440 Год назад

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

  • @Memress
    @Memress 2 года назад +1

    Thank you. Clean and simple.

  • @boombangZOOOM
    @boombangZOOOM Год назад

    incredibly helpful, thank you so much!

  • @shourrryya
    @shourrryya 3 года назад

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

  • @digigoliath
    @digigoliath 3 года назад

    Short & Sweet. Thanks!

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

  • @techwithadebriel
    @techwithadebriel Год назад

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

  • @knowhrishi
    @knowhrishi 4 года назад +3

    Nice! Well explained! Liked it!

    • @Packetcode
      @Packetcode  4 года назад +1

      @Hrishikesh. Thanks for the compliment

  • @hosed3017
    @hosed3017 Год назад +1

    Simple explaining, good job bro

  • @user-fx5mx7sq6w
    @user-fx5mx7sq6w Год назад

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

  • @pez5491
    @pez5491 3 года назад +1

    Great explanation, Thank you!

  • @Ajoi14
    @Ajoi14 6 месяцев назад

    Thanks a bunch! That was very easy and helpful!

  • @farzana726
    @farzana726 Год назад

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

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

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

  • @abhivee
    @abhivee 3 года назад

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

  • @benjaminmacharia7978
    @benjaminmacharia7978 3 года назад +2

    That's a nice tutorial thanks for the tip.

  • @zaratahir4010
    @zaratahir4010 4 года назад +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  4 года назад

      @Zara Thank u for the compliment ❤

  • @lamborghinigamer
    @lamborghinigamer Год назад

    Thank you that worked well! I appreciate it.

  • @amanpadgelwar1445
    @amanpadgelwar1445 Год назад

    Last tip was cool.Thanks!

  • @クバ
    @クバ Год назад

    Thank you - very informative guide!

  • @sonnyboyellema5568
    @sonnyboyellema5568 Год назад

    This is a very commended tutorial. Thank you men.

  • @cj_grafx
    @cj_grafx Год назад

    surprisingly founf this very helpful, thanks man

  • @zenxs6228
    @zenxs6228 3 года назад

    That explains everything! Thanks

  • @pvffin
    @pvffin 2 года назад

    Amazing work! Thank you so much 😭

  • @user-cy5zq3bv8k
    @user-cy5zq3bv8k Год назад

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

  • @techvishnuyt
    @techvishnuyt Год назад +1

    Thank You! Simple and staright

  • @ahamedakeel9666
    @ahamedakeel9666 3 года назад

    Kudos, Very Straight forward!!

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

  • @SinghMankirat713
    @SinghMankirat713 3 года назад +2

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

  • @wendypamella3515
    @wendypamella3515 Год назад

    Thank you for this video. life saver!

  • @upekshawanniarachchi4021
    @upekshawanniarachchi4021 Год назад

    Well explained. Thank you!

  • @pianodude1882
    @pianodude1882 3 года назад

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

  • @zen36158
    @zen36158 2 года назад

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

  • @bubblekaye
    @bubblekaye 2 года назад

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

  • @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..)

  • @mjscorner2260
    @mjscorner2260 4 года назад +3

    Thanks! I'll try it for my portfolio.

    • @prabinraut8788
      @prabinraut8788 4 года назад

      Let me see your portfolio 😊 link plz

  • @anningbright2118
    @anningbright2118 Год назад

    I loved it. You are very good.

  • @michreano
    @michreano 2 года назад

    Thank you so much. I got what I wanted.

  • @DavorManojlovic
    @DavorManojlovic 4 года назад +2

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

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

  • @sajjadhossincse
    @sajjadhossincse Год назад

    Easy and simple solution. Thanks buddy

  • @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 7 месяцев назад +1

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

    • @TinyMaths
      @TinyMaths 7 месяцев назад

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

  • @knseeker1524
    @knseeker1524 3 года назад

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

  • @Firdoshh
    @Firdoshh Год назад

    if you are still getting an ERROR 404
    this will help: ruclips.net/video/OltY8JIaP-4/видео.html

  • @himajpatil
    @himajpatil 3 года назад

    Thanks a lot. You really helped me .

  • @Muaz_tofik
    @Muaz_tofik 7 месяцев назад +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!!!!!!

  • @maryumunna1284
    @maryumunna1284 Год назад

    Thanks a lot for this video. Deal done!!

  • @ihordoroshenko2158
    @ihordoroshenko2158 Год назад

    thanks for clarifying! Great video, despite everything

  • @ezhilmathie3728
    @ezhilmathie3728 4 года назад

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

  • @florenciawz
    @florenciawz 2 года назад

    thank youu!! best video

  • @adityamishra7847
    @adityamishra7847 3 года назад

    Great explanation. Thanks😊

  • @ShivamUchiha
    @ShivamUchiha 8 месяцев назад +1

    thankkkkk you so muchhhhh , ur da best

  • @KentvanKuller
    @KentvanKuller 2 месяца назад

    It's informative. Thank you.
    I didn't see the .git folder in my GitHub folder and when I added the text files to the GitHub folder, they didn't show up in the GitHub Desktop app. But then I realized I had to be inside the Github>{repo folder} and then they showed up in the Desktop app.
    Now it is also saying commit to main as opposed to commit to master. Now I'm getting an error 404 with the project URL. Not a GitHub Pages site here.

  • @yousufsayem5196
    @yousufsayem5196 Год назад

    thanks a lot, it's really helpful brother

  • @bobbyfisher4240
    @bobbyfisher4240 4 года назад +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

  • @thanosthemadtitan5518
    @thanosthemadtitan5518 Год назад

    Excellent video, thank you

  • @rogerslekareiya8974
    @rogerslekareiya8974 2 года назад

    Finally i found you..thank you so much

  • @eliy5550
    @eliy5550 3 года назад

    You are awesome dude. Thanks

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

  • @serbanpri
    @serbanpri 2 года назад

    thank you so much for video!

  • @xd9050
    @xd9050 Год назад

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

  • @numanansari2603
    @numanansari2603 3 года назад

    Very helpful thank you very much 😊🙌💛

  • @wangxian7924
    @wangxian7924 3 года назад

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

  • @yohanesmesay8250
    @yohanesmesay8250 8 месяцев назад

    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

  • @lonebeastgaming9224
    @lonebeastgaming9224 Год назад

    It worked for me thank you ❤

  • @dissa422
    @dissa422 Год назад

    Thank you sooo much!! You save my money !!! ❤❤

  • @alexandergilbertson9539
    @alexandergilbertson9539 4 года назад +3

    thanks for this helpful tutorial

    • @Packetcode
      @Packetcode  4 года назад

      I'm happy that it was helpful 😃

  • @13-nupurbhardwaj9f7
    @13-nupurbhardwaj9f7 3 года назад +1

    yaaaaaaay it worked thank you very much sir

  • @kedardhoke429
    @kedardhoke429 4 года назад +1

    will it support Angular 8 project?

  • @abhin.v4981
    @abhin.v4981 2 года назад +3

    The was a great video. My index.html file is in the root dirctory, yet it shows the 404 error.

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

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