Direct Upload für HTML-Anleitungen

Geprüfter Ablauf zum erstmaligen Veröffentlichen eines neuen Pages-Projekts

Ziel Eine lokal fertige HTML-Anleitung als Cloudflare-Pages-Projekt veröffentlichen. Ergebnis ist eine dauerhafte Adresse im Format projektname.pages.dev.
1

Projekt vorbereiten

1
Projektordner anlegen Einen eigenen Ordner für die Website anlegen, z. B. macos-usb-stick-clean-install. Dieser Ordner enthält nur die Dateien, die tatsächlich online veröffentlicht werden sollen.
2
Startdatei index.html Die Haupt-HTML-Datei muss im Projektordner den Namen index.html tragen. Sie ist die Startseite, die beim Aufruf der reinen pages.dev-Adresse geöffnet wird.
2

Neues Pages-Projekt erstellen

3
Workers und Pages öffnen Bei Cloudflare anmelden und die Übersicht Workers und Pages öffnen. Diese Übersicht ist der Ausgangspunkt für neue und bestehende Projekte.
4
Anwendung erstellen Oben rechts auf Anwendung erstellen klicken.
5
Weiter zu Pages Auf dem Bildschirm Etwas Neues erstellen ganz unten auf Weiter zu Pages klicken. Nicht Upload your static files verwenden.
6
Drag-and-Drop wählen Im Pages-Bildschirm Loslegen im Bereich Wählen Sie Ihre Dateien per Drag-and-Drop auf Erste Schritte klicken. Das Git-Repository wird für diesen Ablauf nicht verwendet.
7
Projektname festlegen Unter Projektname einen gut lesbaren Namen mit Kleinbuchstaben und Bindestrichen eintragen, z. B. macos-usb-stick-clean-install. Cloudflare zeigt daraus die künftige pages.dev-Adresse an.
8
Projekt erstellen Auf Projekt erstellen klicken. Danach wird der Bereich Ihre Projektressourcen hochladen freigeschaltet.
3

Projektordner hochladen und veröffentlichen

9
Projektordner auswählen Im Bereich Ihre Projektressourcen hochladen Ordner wählen und den vorbereiteten Projektordner auswählen. Im macOS-Auswahldialog sind einzelne Dateien dabei ausgegraut – das ist korrekt, weil der Ordner selbst ausgewählt wird.
10
Upload kontrollieren Nach dem Upload prüfen, ob index.html und gegebenenfalls alle weiteren benötigten Web-Dateien in der Liste erscheinen und erfolgreich hochgeladen wurden.
11
Site bereitstellen Auf Site bereitstellen klicken und auf die Erfolgsmeldung warten. Cloudflare veröffentlicht das Projekt weltweit.
12
Seite testen Die angezeigte Adresse projektname.pages.dev öffnen. Die Anleitung muss vollständig und ohne 404-Fehler angezeigt werden. Erst dann ist die Einrichtung abgeschlossen.
Kontrollpunkt Die Seite muss direkt über die reine pages.dev-Adresse erreichbar sein. Falls stattdessen ein 404-Fehler erscheint, zuerst prüfen, ob die Startdatei wirklich index.html heißt.