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
  • แนวปฏิบัติและการใช้ชีวิต

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

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

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

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

    This is the only video so far on TH-cam 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 😊😊

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

  • @xsraut
    @xsraut 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 🙏🏼

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Finally found a video that explains this properly 🙏

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

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

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

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

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

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

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

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

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

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

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

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

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

    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!

  • @Muaz_tofik
    @Muaz_tofik 8 หลายเดือนก่อน +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!!!!!!

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

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

    Thanks alot brother. This video has helped many of us

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

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

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

    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

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

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

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

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

    Thank you. Clean and simple.

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

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

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

    incredibly helpful, thank you so much!

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

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

    Short & Sweet. Thanks!

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

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

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

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

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

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

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

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

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

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

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

    really nice walkthrough... thanks buddy

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

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

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

    Great explanation, Thank you!

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

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

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

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

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

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

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

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

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

    what if the only branch shown is main.. and no master branch is shown? I am not able to host my site...Help!!

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

    Thank you that worked well! I appreciate it.

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

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

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

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

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

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

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

    For me its getting 404 error,What should I do now?

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

    Why my css style and the images are not showing in the website? please reply...

  • @CA-HooMinhQuan
    @CA-HooMinhQuan 2 ปีที่แล้ว

    if I host it on my github, should I change the repo to private?

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

    That's a nice tutorial thanks for the tip.

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

    And does the website go offline when you switch off the network?

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

    I cant find the published website it says "404 there isnt a github pages here". someone help

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

    I did everything but its saying 404 file not found but my main file is name as index.html

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

    This is a very commended tutorial. Thank you men.

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

    How upload picture folder in your file there's no any pictures folder but in web there's 3 images how it's possible

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

    I did all steps, my files are static, HTML and CSS but im getting 404 error. why?

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

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

    Can I use 32 bit (older version) GitHub desktop?

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

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

    Amazing work! Thank you so much 😭

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

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

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

    will it support Angular 8 project?

  • @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 6 หลายเดือนก่อน

      me tooo!!! 😢😢😢😢

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

    Not working. It is showing 404 error. Already followed each and every method said by you but it is still not working. First of all it is not showing master, it is showing main. And also instead of publish page it is showing push to origin.

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

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

    Thanks a bunch! That was very easy and helpful!

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

    Can you share a website where I can get a template for a portfolio with .html .css &.js files.

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

    I did the same but when I search it on a new tab, it doesn't show up.

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

    That explains everything! Thanks

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

    Thank you for this video. life saver!

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

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

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

    Simple explaining, good job bro

  • @クバ
    @クバ ปีที่แล้ว

    Thank you - very informative guide!

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

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

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

    i am following same steps .. i am have an error site not found ... can you please tell me .. where i need to look at ??????

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

    it is a great explanation.. however, it doesn't work for me
    please help me when i'm searching it it says "Site not Found" please help me.... I'm too tired

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

    does this still work in 2022?

  • @user-pd7lk8jv5u
    @user-pd7lk8jv5u 11 หลายเดือนก่อน

    sir plzzz help me there is an error showing 404 on google and also account on netlify cant create what should i do to host my website on free

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

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

    can I name multiple index files if they are in different subfolders.

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

    Kudos, Very Straight forward!!

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

    how did you create the HTML pages that you uploaded?

  • @KentvanKuller
    @KentvanKuller 3 หลายเดือนก่อน

    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.

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

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

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

    mine doesn't work

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

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

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

    thank youu!! best video

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

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

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

    Nice! Well explained! Liked it!

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

      @Hrishikesh. Thanks for the compliment