Skocz do zawartości

Darmowa strona internetowa przy użyciu Githuba


Wojciu
 Udostępnij

Rekomendowane odpowiedzi

Co potrzebujemy?

 

Etap I - Tworzenie repozytorium strony

Klikamy plusik obok naszego avataru  bDdajUM.png i wybieramy "New repository", aby utworzyć nowe repozytorium BcedXyo.png

 

Nazywamy je dowolnie, ale nie może zawierać znaków polskich, spacji i dodajemy końcówkę github.io, więc nasza nazwa powinna wyglądać w taki sposób nasza_nazwa.github.io.

 

Wybieramy "Public", aby repozytorium było dostępne publicznie. (W przypadku posiadania weryfikacji edukacyjnej można dać Private, jeśli chcemy, aby repozytorium było prywatne. Więcej o weryfikacji tutaj Zarejestruj się lub zaloguj, aby zobaczyć ukrytą treść!)

aNsv30L.png

 

Opcjonalnie można dodać opis repozytorium.

qPdrLOW.png

 

Zaznaczamy ptaszkiem, aby do repozytorium został dodany plik README.

Y2puan7.png

 

Poniżej możemy wybrać licencję, ale nie musimy oraz możemy również później dodać licencję.

1tUBhf8.png

 

Przykład, tak wygląda to u mnie:

jJLJwwc.png

 

Na końcu klikamy przycisk, aby utworzyć repozytorium  gh1ISH0.png

 

 

Etap II - wgrywanie plików

Po utworzeniu możemy dodać plik(i) naszej strony. Jest to możliwe na dwa sposoby.

 

Pierwszy sposób - z wykorzystaniem strony.

Wchodzimy na stronę z repozytorium i po prostu przesuwamy pliki. (Uwaga, ten sposób jest ograniczony do 100 plików jednocześnie.) 

eXRWf0Q.png

Następnie klikamy zielony przycisk z napisem Commit changes.

 

Drugi sposób - z wykorzystaniem klienta Github Desktop.

Po zalogowaniu do klienta, przechodzimy do klonowania repozytorium lokalnie na komputer.

ovB6CMZ.png

 

Wyświetli się nam lista naszych repozytorium, z listy wybieramy te, które jest naszą stroną i klikamy przycisk Clone.

1FLoSxY.png

 

Teraz możemy wyświetlić nasze pliki lokalnie i wprowadzić dowolne modyfikacje.

M6VAAtU.png

 

Program automatycznie wykryje, gdy dojdzie do modyfikacji repozytorium, aby dodać zmiany należy kliknąć Commit to master.

moL4kkC.png

 

Etap III - zamiana ustawień, aby repozytorium było wyświetlane jako strona.

Gdy już to zrobimy przechodzimy do ustawień repozytorium.

4zyx8Rl.png

 

Zjeżdżamy do sekcji Github Pages, zmieniamy "Source", czyli źródło

Re8N3WB.png

 

master branch, ustawienia automatycznie się zapiszą i strona się odświeży 

qLKBglm.png

 

Adres naszej strony to w rzeczywistości subdomena, nazwa repozytorium, które ustawiliśmy.

 

Jak widać działa prawidłowo.

xyZJJPp.png

 

Etap VI - zmiana z subdomeny na domenę.

Wchodzimy ponownie w ustawienia, zjeżdżamy do sekcji Github Pages i wpisujemy nazwę domeny.

wno0nbz.png

 

Dzięki DNS przekierowujemy naszą domenę rekordem CNAME na nazwę repozytorium, czyli w moim przypadku na wojciuu.github.io

 

Na przykładzie domeny przekierowanej przez Cloudflare

EvM8vGV.png

 

 

Kod strony może zawierać tylko HTML/CSS/JavaScript, nie odpalimy tutaj strony w np. PHP. Dzięki stronom na Githubie można również utworzyć Bloga czy stronę z dokumentacją, ale to w innym temacie.

Edytowane przez Wojciu
Aktualizacja screenów z uploadem na serwer CDN.
Odnośnik do komentarza
Udostępnij na innych stronach

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Nieaktywny
Dodaj odpowiedź do tematu...

×   Wklejono zawartość z formatowaniem.   Usuń formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

 Udostępnij

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...