GitHub Pages

[ozamaray]

Rozumiem, że to wygląda głupio, ale nie mogę zrozumieć, co powinnam zrobić, aby pojawiło się na stronie, co zrobiłam.

W tej chwili, bez względu na to, co próbowałam, strona wygląda tak: https://ozamaray.github.io/daftcode-react-starter/dist/ (bez counteru)

To, co testowałam lokalnie w siebie, wygląda tak: https://github.com/ozamaray/daftcode-react-starter/blob/master/HowItLookLike.png

Co powinna zrobić, aby to poprawić? Może ktoś wie, jak to naprawić. Dzięki

P.S. To co napisane na tej stronie testowałam i nie dziła: https://pages.github.com/

[jakubgrzywaczewski]

Twoja strona gh pages jest tu: https://ozamaray.github.io/ i wyświetla 404. To znaczy, że nic tu nie wypushowałaś. Do tego folderu skopiuj pliki z folderu dist/ swojego builda, zrób commit i wtedy push.

[michalwiacek]

kolega @enk1 mówi o stronie, którą możesz postawić tworząć repo, które ma nazwe równą nazwie użytkownika. W repo projektu na branchu gh-pages powinnaś mieć tylko pliki z builda, czyli z folderu dist. po stworzeniu komponentu powinnaś zrobić nowy npm run build, potem skopiować te nowo wygenerowane pliki do brancha gh-pages i tam dać push .

czyli: $ git checkout master $ npm run build $ git subtree split --prefix dist -b gh-pages $ git checkout gh-pages tu musisz sobie zrobić porządek w plikach tak żeby zostały tylko te z folderu dist (wyjęte z niego do folderu głównego) $ git status (zobaczysz co się pozmieniało) jeśli wszystko gra to pewnie $ git add . $ git commit -m "wszsytko gra :)" $ git push origin gh-pages

jeżeli się mylę to proszę mnie poprawić

edit. po tym zabiegu powinnaś mieć swój counter pod adresem: https://ozamaray.github.io/daftcode-react-starter

[dzienisz]

tu musisz sobie zrobić pożądek w plikach tak żeby zostały tylko te z folderu dist (wyjęte z niego do folderu głównego)

Właśnie uważam, że cała zabawa z przerzucaniem dista do oddzielnego brancha to masa pracy. Nie da się tego zrobić jakoś inaczej? Np. wskazać folder na danym branchu, w którym są pliki do wyświetlenia? Ew. pokusić się o osobne repo tylko na gh-pages?

[michalwiacek]

Ja jestem noobem, nawet z ortografią mam problem 😆 . Powiem tylko, że są do tego automaty np. react-gh-pages . Poza tym, jak często się używa gh-pages? 🙄

[majkamajka]

Przecież efekt pracy na bieżąco oglądasz lokalnie, a przerzucanie plików z dista wystarczy zrobić raz na tydzień - przed wysłaniem pracy domowej. Może jest to mikro-uciążliwe, bo trzeba o tym pamiętać, ale zajmuje jakieś ~3 sekundy.

[mbychawski]

@ozamaray Udało się? :)

[ozamaray]

@mbychawski Niestety nie :(

Robiłam wszystko krok po kroku, jak mówili koledzy i nawet filmik zapisałam już dzisiaj: https://youtu.be/2vUGQgY3_Wg

Nie udaje się updatować na nową stronę.

Po 'git subtree split --prefix dist -b gh-pages' wyskakuje taki komunikat i nie wiem, co mogę z tym zrobić: Branch 'gh-pages' is not an ancestor of commit 'cb056c6c347e51d5d978f2d61550a437262a3a12'.

Znalazłam jeszcze to dodatkowo: https://gist.github.com/cobyism/4730490 Ale to też nie za bardzo pomogło.

[michalwiacek]

a co mówi git status przed całą operacją?

[ozamaray]

Tak mówi git status

On branch gh-pages Your branch is up-to-date with 'origin/gh-pages'.

nothing to commit, working tree clea

[mbychawski]

Ok... To może nie bawmy się w subtree tylko proponuję tak:

za pierwszym razem

git checkout master
git branch -D gh-pages 
npm install
npm run build
git checkout -b gh-pages
<< usuń wszystkie pliki poza: `.git` `.gitignore`, `node_modules` i `dist` >> 
cp dist/* .   <-- przepisanie wszsystkich plików z dist do głównego folderu repozytorium
git add -A
git commit -m "deploy gh-pages"
git push --force -u origin gh-pages

za każdym kolejnym

git checkout master
npm run build
git checkout gh-pages
cp dist/* .
git add -A
git commit -m "deploy #2 gh-pages"
git push

i powinno śmigać na: https://ozamaray.github.io/daftcode-react-starter

Możesz też dla pewności przeładować stronę z pominięciem cache zazwyczaj Ctrl + Shift + R albo Ctrl + F5

[ozamaray]

@mbychawski

Tak! 😃 Działa!!! 💃

Dziękuję bardzo