Kako instalirati statičnu web stranicu besplatno u samo 3 minute izravno s Google pogona pomoću Fast.io

U ovom članku pokazat ću vam kako besplatno instalirati statično web mjesto za samo 3 minute koristeći uslugu pohrane u oblaku poput Google pogona ili Dropboxa.

I ne - fast.io mi nije platio ni freeCodeCamp za stvaranje ovog članka. S njima nemamo nikakav odnos. Samo pišem o ovome jer sam otkrio da je njihov alat zaista uzbudljiv i koristan za brzo besplatno hostiranje statičnih web stranica.

Što je Fast.io?

Fast.io rješenje je koje je Mediafire stvorio kako bi pojednostavio funkcioniranje weba. U nekoliko riječi, njihov je cilj olakšati vam život čineći web pristupačnijim i upravljivijim.

Pokrenut je krajem 2019. godine, pa ga sada dijelim s vama.

Kako radi

Kada koristite Fast.io, moći ćete se povezati sa svojim oblakom (Google pogon, DropBox, itd.), Odabrati naziv web stranice i rasporediti svoj sadržaj u samo nekoliko klikova.

Ako je vaš sadržaj spreman, potrebne su samo 3 minute da biste ga stavili na mrežu i učinili ga dostupnim svima.

Nakon što je vaše web mjesto na mreži, možete ga konfigurirati, dodati prilagođeno ime domene i povezati Google Analytics kako biste znali koliko ljudi dosežete.

To još nisam spomenuo, ali usluga automatski ažurira vaše web mjesto nakon što izmijenite izvorne datoteke. Na primjer, ako upotrebljavate Google pogon za dijeljenje sadržaja, nakon što nešto promijenite na svojoj HTML stranici, bit će ažuriran.

Dostupni pružatelji usluga pohrane

Evo popisa dostupnih davatelja usluga pohrane ako bih danas objavio svoje web mjesto:

  • GitHub
  • Dropbox
  • Google vožnja
  • Kutija
  • Mediafire
  • OneDrive

Kao što možete zamisliti, ovaj će popis rasti kako se budu dodavale nove usluge. Ali čak i sada imate mnogo mogućnosti za hostiranje vaše statične web stranice.

Natjecatelji

Već postoji niz različitih tvrtki koje vam omogućuju brzo pronalaženje statične web stranice na mreži. Najpoznatija rješenja su GitHub Pages, Heroku i Netlify.

Ne kažem nužno da je Fast.io najbolji, ali sviđa mi se kako je jednostavno postaviti osnovnu web stranicu.

Kratka napomena: ako želite primijeniti nešto složenije - poput web stranice Python Flask - to ne možete učiniti s Fast.io. U ovom slučaju toplo preporučujem upotrebu Herokua.

Kao što sam vam rekao, bit ću transparentan s vama. Fast.io izvrsna usluga za određene zadatke.

Što je statična web stranica?

Prije nego što vam pokažem kako postaviti web lokaciju, mislim da je bitno definirati što je statično web mjesto i koje su razlike od dinamičnog web mjesta.

Statična web stranica sadrži web stranice s fiksnim sadržajem. Sadržaj vaše stranice je u HTML-u, a svi korisnici vide isto.

Na primjer, ovu vrstu web mjesta možete koristiti kada želite napraviti odredišnu stranicu za svoje web mjesto (osnovna stranica s informacijama o vašem proizvodu).

Glavna razlika između toga i dinamičnog web mjesta je, naravno ... dinamički dio!

Dinamična web stranica koristi poslužiteljsku tehnologiju za izradu stranice kada korisnik zatraži web stranicu.

Na primjer, ovu vrstu web mjesta možete koristiti za svoj blog. Svaki put kada dodate novi članak u svoju bazu podataka, web mjesto će ga prikazati.

Vrijeme je za postavljanje web stranice

Jeste li spremni podijeliti svoju stranicu sa svima? Učinimo to!

U ovom dijelu pokazat ću vam kako postaviti web stranicu na mrežu u samo nekoliko klikova. Koristit ću osnovnu HTML stranicu, ali nakon što shvatite kako Fast.io radi možete slobodno sve izmijeniti.

1) Stvorite datoteku index.html

Morate stvoriti datoteku index.html s unutarnjim HTML kodom. Preporučujem da započnete s nečim jednostavnim jer to uvijek možete kasnije ažurirati.

Spremite datoteku na računalo.

   My Static Website   

My Static Website

Hello, I'm online, and everyone can see me!

2) Otvorite početnu stranicu Fast.io

Sve što trebate učiniti da biste započeli s Fast.io je otvaranje web stranice. Nakon što to učinite, kliknite "Registriraj se odmah - besplatno je!" .

3) Konfigurirajte Google pogon

Ova se stranica pojavljuje nakon koraka 2 i omogućuje vam odabir davatelja usluga pohrane. Odaberite "Google pogon" .

Ako želite stvoriti web mjesto s drugim davateljem usluga, to možete učiniti kasnije dodavanjem putem stranice računa.

Fast.io treba pristup vašem računu Google diska da bi radio. Stvorit će mapu "Fast.io" koja sadrži vaše web stranice. Kliknite "Poveži Google pogon odmah" .

Morate odabrati svoj Google račun da biste ga povezali s Fast.io.

Morate omogućiti Fast.iou pristup vašem Google računu da bi ga pravilno povezao.

Vaš je račun sada spreman, pa samo odaberite lozinku, a zatim kliknite "Stvori račun" .

Kada je vaš račun spreman, prikazuje se poruka "Dobrodošli u brzo!" stranica će se pojaviti. Kliknite "Počnimo!" .

4) Izradite svoju web stranicu

Spremni ste stvoriti svoju web stranicu i podijeliti je sa svima! Kliknite "Dodaj novo mjesto" .

Odaberite naziv web mjesta i unesite ga u okvir za unos. Kada završite, kliknite "Dalje" .

Fast.io omogućuje vam stvaranje tri vrste web mjesta: web mjesto za dijeljenje datoteka, web stranicu ili web mjesto preglednika datoteka.

U našem ćemo slučaju odabrati "Web stranice" jer želimo hostirati HTML web stranicu.

Ako kasnije želite stvoriti web mjesto za dijeljenje nekih dokumenata, morate se vratiti na svoju nadzornu ploču, stvoriti novu i odabrati Preuzimanje datoteka.

Nakon što ste kliknuli na "Web stranice", morate odabrati svog davatelja usluge pohrane. Kliknite "Google pogon" .

Odaberite URL svog web mjesta i unesite ga u okvir za unos. Kada završite, kliknite "Izradi stranicu" .

Uspio si! Vaše je web mjesto na mreži i dostupno je na URL-u koji ste odabrali. U mom slučaju možete pronaći moju web stranicu na mygoogledrivewebsite.imfast.io

5) Učitajte svoj index.html

Ako otvorite svoje web mjesto, možda ćete primijetiti pogrešku jer niste prenijeli datoteku index.html na svoj Google disk.

Ovo su dva načina:

  • Otvorite svoj Google pogon i potražite mapu Fast.io , a zatim mapu vašeg web mjesta (u mom slučaju "mygoogledrivewebsite.imfast.io").
  • Na stranici uspjeha u koraku 4 kliknite "Pogledajte svoj Google pogon" .

Nakon što to učinite, desnom tipkom miša kliknite i odaberite "Prenesi datoteke" . Otvorit će se novi prozor, pronađite svoju datoteku "index.html" - odaberite je .

Pričekajte malo prije nego što se promjena pojavi na vašoj web stranici.

6) Proslavite!

Širite vijest svim svojim prijateljima! Vaša web stranica je aktivna i svi je mogu vidjeti!

? Podijelite ga na Twitteru klikom ovdje! ?

7) Bonus

Ako ste znatiželjni i želite sve konfigurirati, možete se vratiti na svoju nadzornu ploču i kliknuti na svoje web mjesto.

Moći ćete povezati svoje web mjesto s Google Analyticsom (statistika posjetitelja), promijeniti ime domene (na primjer, mywebsite.com) i puno više!

Zaključak

Što mislite o ovoj novoj usluzi? Jeste li to pronašli brzo i lako?

Slobodno podijelite ovaj članak ako vam se svidio.

Ne propustite moj sadržaj prateći me na Twitteru i Instagramu.

Ostale članke poput ovog možete pronaći na mojoj web stranici: herewecode.io.

Želite više?

  • Svaki tjedan dobivajte motivacijski citat s nekoliko savjeta, kratkim vodičem za nekoliko slajdova i jednom slikom programera na Instagramu.
  • Prijavite se za bilten i dobivajte najnovije članke, tečajeve, vodiče, savjete, knjige, motivaciju i drugi ekskluzivni sadržaj.