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.