Blog Editor

Prosty edytor wpisów blogowych w formacie Markdown. Działa w całości w przeglądarce — bez backendu, bez bazy danych, zero dependencji.

Funkcje

• Dwa tryby edycji: Markdown (raw) i Podgląd (WYSIWYG, w pełni edytowalny)
• Pasek narzędzi działający w obu trybach (pogrubienie, kursywa, nagłówki, linki, listy, bloki kodu i in.)
• Automatyczne generowanie frontmatter (title, date, tags, description, layout)
• Import istniejącego pliku .md — wklejasz zawartość, edytor wypełnia pola automatycznie
• Pobieranie gotowego pliku .md z nazwą w formacie YYYY-MM-DD-tytul.md

Stack

• Czysty HTML + CSS + JavaScript (zero dependencji, zero bundlera)
• Hosting: Cloudflare Pages — darmowy
• Repozytorium: GitHub — darmowy

---

Krok 1 — Wrzuć projekt na GitHub

1.1 Utwórz nowe repozytorium na GitHub

1. Wejdź na github.com/new
2. Wpisz nazwę repo, np. blog-editor
3. Ustaw jako Public lub Private (oba działają z Cloudflare Pages)
4. Nie zaznaczaj żadnych opcji inicjalizacji (bez README, bez .gitignore) — repo musi być puste
5. Kliknij Create repository
6. Skopiuj adres repo, np. https://github.com/TWOJ_LOGIN/blog-editor.git

1.2 Rozpakuj i wypchnij kod

Rozpakuj pobrany plik ZIP, a następnie w terminalu:

cd blog-editor

# Dodaj zdalne repozytorium (wklej swój adres z kroku 1.1)
git remote add origin https://github.com/TWOJ_LOGIN/blog-editor.git

# Wypchnij na GitHub
git push -u origin main

Jeśli Git pyta o dane logowania, użyj swojego loginu GitHub i Personal Access Token (nie hasła). Wygenerujesz go tu: GitHub → Settings → Developer settings → Personal access tokens → Tokens (classic) → Generate new token → zaznacz scope repo.

---

Krok 2 — Deploy na Cloudflare Pages

2.1 Połącz Cloudflare z GitHub

1. Wejdź na dash.cloudflare.com
2. Wybierz swoje konto → Workers & Pages → Create → zakładka Pages
3. Kliknij Connect to Git
4. Zaloguj się przez GitHub i autoryzuj Cloudflare
5. Wybierz repozytorium blog-editor → Begin setup

2.2 Ustawienia build

Pole	Wartość
Framework preset	None
Build command	(zostaw puste)
Build output directory	(zostaw puste)
Root directory	(zostaw puste)

6. Kliknij Save and Deploy

Cloudflare zbuduje i opublikuje stronę. Po chwili dostaniesz adres w stylu: https://blog-editor-abc.pages.dev

2.3 Automatyczny CI/CD

Od tej pory każdy git push na branch main automatycznie wdraża nową wersję — bez żadnej dodatkowej konfiguracji.

# Przykładowy workflow po wprowadzeniu zmian
git add .
git commit -m "opis zmiany"
git push
# → Cloudflare Pages automatycznie deployuje w ciągu ~30 sekund

---

Struktura repozytorium

blog-editor/
├── index.html      # cała aplikacja (HTML + CSS + JS)
├── _headers        # nagłówki HTTP dla Cloudflare Pages
├── _redirects      # przekierowania dla Cloudflare Pages
├── .gitignore
├── LICENSE
└── README.md

Lokalne uruchomienie

Otwórz plik index.html bezpośrednio w przeglądarce — nie wymaga żadnego serwera lokalnego.

Licencja

MIT — szczegóły w pliku LICENSE.