Każda strona ma własny plik w folderze /public
z rozszerzeniem .json
, w którym znajduje się jej treść, np. wsparcie.json
.
-
Otwórz folder
/public
. -
Kliknij na plik z treściami, które chcesz edytować.
-
W prawym górnym rogu kliknij ikonę ołówka, by otworzyć edytor tekstowy.
-
Dokonaj edycji pliku według swojego uznania, zachowując oryginalny styl pliku (nawiasy klamrowe, cudzysłowia).
UWAGA: Jeżeli chcesz użyć znaku
"
lub\
, musisz poprzedzić je znakiem\
, czyli zamiast"
napisać\"
, a zamiast\
napisać\\
.Jeżeli chcesz dodać twardą spację, zamiast spacji użyj
\u00A0;
, np.poszli\u00A0tam
. Jeżeli chcesz dodać enter, zamiast entera użyj\n
, np.Zwierzęta:\npsy\nkoty
. -
W prawym górnym rogu kliknij zielony przycisk
Commit changes...
-
Bez wprowadzania żadnych zmian w oknie, które się pojawi, kliknąć przycisk
Propose changes
. -
Bez wprowadzania żadnych zmian na ekranie, do którego zostaniesz przekierowany, kliknij przycisk
Create pull request
. -
Po krótkiej chwili na ekranie pojawi się komentarz od
vercel (bot)
, gdzie możesz kliknąć przyciskVisit Preview
i sprawdzić swoje zmiany. -
Jeżeli zmiany Cię satysfakcjonują, kliknij na dole strony zielony przycisk
Squash and merge
. Twoje zmiany zostały wprowadzone.Jeżeli chcesz poprawić swoje zmiany, znajdź na górze strony napis:
... wants to merge ... commits into main from ...-patch-...
Interesuje Cię podświetlona na niebiesko część:
...-patch-...
, może tam być np.wnieboglosy-patch-1
.
Kliknij na tę część prawym przyciskiem myszki iOtwórz link w nowej karcie
, następnie ponów kroki od 1 do 5, następnie kliknij przyciskCommit changes
i wróc do poprzedniej karty.
W pliku /public/galeria/galeria.json
znajdziesz linijkę z napisem galeria: {
. W środku znajdują się poszczególne zdjęcia w formie linków do serwisu https://imgbb.com/
, gdzie przetrzymujemy wszystkie zdjęcia. Wgraj zdjęcie do serwisu i zapisz swój link do niego.
UWAGA: Jeżeli chcesz, żeby zdjęcia ładowały się szybko, upewnij się, że nie są szersze lub wyższe niż 1200px oraz jest w formacie .webp
. Jeżeli Twoje zdjęcie nie spełnia tych warunków:
-
Wejdź na stronę
https://resizing.app/features/optimize-image/
. -
Wgraj swoje zdjęcie.
-
Ustaw szerokość/wysokość (co większe, pomoże Ci wybór filtra
Resize: by Largest Side
) na 1200px. -
Ustaw
Save As: WEBP
. -
Kliknij zielony przycisk
Save Image
.
-
Dodaj nowy wiersz z numerem swojego roku pod poprzednim rokiem (w kolejności rosnącej), np.
"2024": [],
. -
Dodaj swoje zdjęcia do kwadratowych nawiasów, np.
"2024: [
"https://i.ibb.co/1",
"https://i.ibb.co/2"
],
- Postępuj zgodnie z krokami od 1 do 9 w
Jak edytować treść stron?
.
-
Dodaj nowy wiersz w środku nawiasów kwadratowych, przy polu
"nagrania": [
. -
Na początku, jeżeli chcesz dodać nagranie na samej górze.
-
Na końcu, jeżeli chcesz dodać nagranie na samym dole.
Nagranie ma format:
{
"url": "<link do nagrania na yt>",
"title": "<tytuł, który ma się pokazać na miniaturce nagrania>",
"preview": "<link do zdjęcia, które ma być na miniaturce, wgrane do tego samego serwisu co inne zdjęcia, przetrzegaj UWAGA w "Jak edytować zdjęcia? (za wyjątkiem galerii)">"
}
np.
{
"url": "https://www.youtube.com/watch?v=1",
"title": "Wydarzenie 2024 Live",
"preview": "https://i.ibb.co/1"
}
- Postępuj zgodnie z krokami od 1 do 9 w
Jak edytować treść stron?
.