În acest articol, vă voi arăta cum să implementați gratuit un site static în doar 3 minute, utilizând un serviciu de stocare în cloud, cum ar fi Google Drive sau Dropbox.

Și nu – fast.io nu mi-a plătit, nici Routech pentru a crea acest articol. Nu avem nicio relație cu ei. Scriu doar despre asta pentru că am găsit instrumentul lor foarte interesant și util pentru găzduirea rapidă a site-urilor statice gratuit.

Ce este Fast.io?

Fast.io este o soluție creată de Mediafire pentru a simplifica modul în care funcționează web-ul. În câteva cuvinte, scopul lor este de a vă face viața mai ușoară, făcând webul mai accesibil și mai ușor de gestionat.

A fost lansat la sfârșitul anului 2019, așa că ți-l împărtășesc acum.

Cum functioneaza

Când utilizați Fast.io, vă veți putea conecta la cloud-ul dvs. (Google Drive, DropBox etc.), puteți alege un nume de site web și vă puteți implementa conținutul în câteva clicuri.

ad-banner

Dacă conținutul dvs. este gata, sunt necesare doar 3 minute pentru a vă pune conținutul online și a-l face accesibil tuturor.

Odată ce site-ul dvs. este online, îl puteți configura, adăuga un nume de domeniu personalizat și conecta Google Analytics, astfel încât să știți câte persoane ajungeți.

Nu am menționat încă acest lucru, dar serviciul vă actualizează automat site-ul web după ce modificați fișierele sursă. De exemplu, dacă utilizați Google Drive pentru a vă partaja conținutul, odată ce ați schimbat ceva în pagina HTML, acesta va fi actualizat.

Cum sa implementati gratuit un site static in doar 3
Fast.io – Cum functioneaza

Furnizori de stocare disponibili

Iată o listă a furnizorilor de stocare disponibili dacă aș publica site-ul meu azi:

  • GitHub
  • Dropbox
  • Google Drive
  • Cutie
  • Mediafire
  • OneDrive

După cum vă puteți imagina, această listă va crește odată cu adăugarea de noi servicii. Dar chiar și acum, aveți multe posibilități de a vă găzdui site-ul static.

Concurenți

Există deja o serie de companii diferite care vă permit să obțineți rapid un site web static online. Cele mai faimoase soluții sunt GitHub Pages, Heroku și Netlify.

Nu spun neapărat că Fast.io este cel mai bun, dar îmi place cât de simplu este să implementezi un site web de bază.

Notă rapidă: dacă doriți să implementați ceva mai complex – cum ar fi un site web Python Flask – nu puteți face acest lucru cu Fast.io. În acest caz, recomand cu mare încredere utilizarea Heroku.

După cum ți-am spus, voi fi transparent cu tine. Fast.io un serviciu excelent pentru anumite sarcini.

Ce este un site static?

Înainte de a vă arăta cum să vă implementați site-ul, cred că este esențial să definiți ce este un site static și care sunt diferențele față de un site dinamic.

Un site web static conține pagini web cu conținut fix. Conținutul paginii dvs. este în HTML și toți utilizatorii văd același lucru.

De exemplu, puteți utiliza acest tip de site atunci când doriți să faceți o pagină de destinație pentru site-ul dvs. (o pagină de bază cu informații despre produsul dvs.).

Principala diferență între acest și un site dinamic este, desigur … partea dinamică!

Un site web dinamic folosește o tehnologie server pentru a crea pagina atunci când un utilizator solicită site-ul web.

De exemplu, puteți utiliza acest tip de site pentru blogul dvs. De fiecare dată când adăugați un articol nou în baza de date, site-ul web îl va afișa.

Este timpul să vă implementați site-ul web

Sunteți gata să partajați pagina dvs. tuturor? S-o facem!

În această parte, vă voi arăta cum să vă puneți site-ul online în câteva clicuri. Voi folosi o pagină HTML de bază, dar odată ce înțelegi cum funcționează Fast.io, ești liber să modifici totul.

1) Creați un fișier index.html

Trebuie să creați un fișier index.html cu codul HTML înăuntru. Vă recomand să începeți cu ceva simplu, deoarece îl puteți actualiza oricând mai târziu.

Salvați fișierul pe computer.

<!DOCTYPE html>
<html>
  <head>
    <title>My Static Website</title>
  </head>
  <body>
    <h1>My Static Website</h1>
    <p>
      Hello, I'm online, and everyone can see me!
    </p>
  </body>
</html>
Exemplu Index.html

2) Deschideți pagina de pornire Fast.io

1611768307 928 Cum sa implementati gratuit un site static in doar 3
Fast.io pagina principala

Tot ce trebuie să faceți pentru a începe cu Fast.io este să deschideți site-ul web. După ce ați făcut acest lucru, faceți clic pe “Înscrieți-vă acum – este gratuit!”.

3) Configurați Google Drive

1611768307 174 Cum sa implementati gratuit un site static in doar 3
Fast.io – Furnizor de stocare

Această pagină apare după pasul 2 și vă permite să selectați un furnizor de stocare. Selectați „Google Drive”.

Dacă doriți să creați un site web cu un alt furnizor, puteți face acest lucru ulterior adăugându-l prin pagina contului dvs.

1611768307 203 Cum sa implementati gratuit un site static in doar 3
Fast.io – Conectați Google Drive

Fast.io are nevoie de acces la contul dvs. Google Drive pentru a funcționa. Vor crea un dosar „Fast.io” pentru a conține site-urile dvs. web. Click pe „Conectați Google Drive acum”.

1611768307 743 Cum sa implementati gratuit un site static in doar 3
Fast.io – Selectați contul dvs. Google

Trebuie să selectați contul dvs. Google pentru a-l lega cu Fast.io.

1611768307 351 Cum sa implementati gratuit un site static in doar 3
Fast.io – Permiteți Fast.io să acceseze Google Drive

Trebuie să permiteți Fast.io să vă acceseze contul Google pentru a-l lega corect.

1611768307 161 Cum sa implementati gratuit un site static in doar 3
Fast.io – Creați-vă contul

Contul dvs. este acum gata, deci alegeți doar o parolă și apoi faceți clic pe „Creați un cont”.

1611768307 304 Cum sa implementati gratuit un site static in doar 3
Fast.io – Pagina de bun venit

Când contul dvs. este gata, un „Bun venit la Fast!” va apărea pagina. Faceți clic pe „Să începem!”.

4) Creați-vă site-ul web

1611768307 711 Cum sa implementati gratuit un site static in doar 3
Fast.io – Tablou de bord

Sunteți gata să vă creați site-ul web și să îl distribuiți tuturor! Faceți clic pe „Adăugați un site nou”.

1611768307 295 Cum sa implementati gratuit un site static in doar 3
Fast.io – Alegeți un nume de site web

Alegeți numele site-ului dvs. web și introduceți-l în caseta de introducere. Când ai terminat, faceți clic pe „Următorul”.

1611768307 617 Cum sa implementati gratuit un site static in doar 3
Fast.io – Alegeți un tip de site web

Fast.io vă permite să creați trei tipuri de site-uri web: un site Web de partajare a fișierelor, o pagină web sau un site Web Browser de fișiere.

În cazul nostru, vom face selectați „Pagini Web” deoarece vrem să găzduim o pagină web HTML.

Dacă mai târziu doriți să creați un site web pentru a partaja unele documente, trebuie să vă întoarceți la tabloul de bord, să creați unul nou și să selectați Descărcări fișiere.

1611768308 699 Cum sa implementati gratuit un site static in doar 3
Fast.io – Alegeți un furnizor de stocare pentru site-ul dvs. web

După ce ați făcut clic pe „Pagini Web”, trebuie să vă selectați furnizorul de stocare. Faceți clic pe „Google Drive”.

1611768308 857 Cum sa implementati gratuit un site static in doar 3
Fast.io – Alegeți adresa URL a site-ului dvs.

Alegeți adresa URL a site-ului și introduceți-l în caseta de introducere. Când ai terminat, faceți clic pe „Creați site”.

1611768308 213 Cum sa implementati gratuit un site static in doar 3
Fast.io – Site web creat cu succes

Tu ai făcut-o! Site-ul dvs. este online și este disponibil la adresa URL aleasă de dvs. În cazul meu, puteți găsi site-ul meu pe mygoogledrivewebsite.imfast.io

5) Încărcați index.html

Dacă vă deschideți site-ul, este posibil să observați o eroare deoarece nu ați încărcat fișierul index.html pe Google Drive.

Iată două moduri de a face acest lucru:

  • Deschideți Google Drive și căutați folderul Fast.io, apoi dosarul site-ului dvs. web (în cazul meu, „mygoogledrivewebsite.imfast.io”).
  • În pagina de succes a pasului 4, faceți clic pe „Vedeți Google Drive”.
1611768308 581 Cum sa implementati gratuit un site static in doar 3
Fast.io – Google Drive înainte de încărcare

Odată ce ai făcut asta, faceți clic dreapta cu mouse-ul și selectați „Încărcați fișiere”. Se va deschide o fereastră nouă, găsiți fișierul dvs. “index.html” – selectați-l.

1611768308 659 Cum sa implementati gratuit un site static in doar 3
Fast.io – Google Drive după încărcare

Așteptați puțin înainte ca modificarea să apară pe site-ul dvs. web.

6) Sărbătoriți!

1611768308 943 Cum sa implementati gratuit un site static in doar 3
Fast.io – Demo-ul site-ului web

Răspândiți vestea tuturor prietenilor dvs.! Site-ul dvs. este live și toată lumea îl poate vedea!

? Distribuiți-l pe Twitter făcând clic aici! ?

7) Bonus

Dacă sunteți curioși și doriți să configurați totul, vă puteți întoarce la tabloul de bord și puteți face clic pe site-ul dvs. web.

Veți putea să vă conectați site-ul web la Google Analytics (statistici privind vizitatorii), să vă schimbați numele de domeniu (de exemplu, mywebsite.com) și multe altele!

Concluzie

Ce părere aveți despre acest nou serviciu? L-ați găsit rapid și ușor?

Simțiți-vă liber să distribuiți acest articol dacă v-a plăcut.

Nu ratați conținutul urmărindu-mă Stare de nervozitate și Instagram.

Puteți găsi alte articole de genul acesta pe site-ul meu: herewecode.io.

Vreau mai mult?

  • În fiecare săptămână primiți o ofertă motivațională cu câteva sfaturi, un scurt tutorial în câteva diapozitive și o imagine a dezvoltatorului Instagram.
  • Înscrieți-vă la buletinul informativ și primiți cele mai recente articole, cursuri, tutoriale, sfaturi, cărți, motivație și alt conținut exclusiv.