Open ozamaray opened 6 years ago
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.
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
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?
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? 🙄
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.
@ozamaray Udało się? :)
@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.
a co mówi git status
przed całą operacją?
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
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
@mbychawski
Tak! 😃 Działa!!! 💃
Dziękuję bardzo
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/