Claude hat mir eine HTML-Datei gegeben. Wie bekomme ich sie unter einen echten Link?

Kurz gesagt

Eine Adresse, die mit file:/// beginnt, liegt auf deiner Festplatte. Nur eine Adresse, die mit https:// beginnt, funktioniert für andere.
Bitte um eine index.html mit dem CSS und JavaScript darin. Sie lässt sich am einfachsten veröffentlichen.
Ganz ohne Einrichtung: Datei ablegen oder Code einfügen auf pagelemon.com/drop.
Such dir einen Weg zum Veröffentlichen aus und prüf, ob du die Website später ändern kannst, ohne die Adresse zu verlieren.

Warum die Datei nur auf deinem Computer funktioniert

Wenn du eine HTML-Datei doppelt anklickst, öffnet dein Browser sie direkt von deiner Festplatte. Für dich ist das in Ordnung. Ein Link funktioniert für andere nur, wenn die Datei auf einem Computer liegt, der immer online ist und Anfragen dafür beantwortet. Dieser Computer ist ein Host. Deine Datei dorthin zu legen heißt veröffentlichen, manchmal auch deployen genannt.

Die gute Nachricht: Eine Seite, die deine KI gemacht hat, ist meist eine statische Website. Sie besteht nur aus Dateien: HTML, CSS, JavaScript und Bildern. Statische Websites lassen sich am einfachsten hosten. Du brauchst weder einen Server noch eine Datenbank.

Öffne sie zuerst auf deinem Computer

Prüf vor dem Veröffentlichen, ob die Datei funktioniert. Das dauert eine Minute.

Kopier den Code in eine reine Textdatei. Wenn die KI dir den Code im Chat gezeigt hat, füg ihn komplett in einen Texteditor ein (Editor unter Windows, TextEdit im Nur-Text-Modus auf dem Mac). Wenn sie dir einen Download gegeben hat, überspring das.
Speicher sie als index.html. Achte darauf, dass der Name nicht auf .txt endet. Leg sie in einen neuen, leeren Ordner.
Klick doppelt auf die Datei. Sie öffnet sich in deinem Browser. Scroll die ganze Seite durch, klick jeden Link und jeden Button an und mach das Fenster schmal, um zu sehen, wie es auf dem Handy aussieht.
Notier dir, was nicht stimmt. Sag es der KI im Chat und bitte sie dann noch einmal um die Datei.

Hol die Dateien aus dem Chat

Je nach KI sieht deine Website vielleicht so aus:

Eine Vorschau im Chat (Claude-Artifacts, ChatGPT-Canvas). Bitte um eine einzelne Datei, die du herunterladen kannst.
Mehrere Dateien (eine Seite, ein Stylesheet, Bilder). Bitte um ein .zip der ganzen Website mit index.html auf oberster Ebene, nicht in einem weiteren Ordner.
Ein Projektordner von einem Coding-Tool wie Claude Code, Codex oder Cursor. Wenn es einen Build-Schritt gibt, ist der Ordner zum Veröffentlichen der, den der Build erzeugt, meist dist oder build, nicht das ganze Projekt.

Der einfachste Fall ist eine einzelne Datei. Die meisten Hosts behandeln index.html als Startseite, und eine einzelne .html-Datei mit beliebigem Namen funktioniert bei Page Lemon auch. Füg das ein, um dorthin zu kommen:

Gib mir das als eine einzige index.html mit dem CSS und JavaScript darin.

Kaputte Bilder und Links reparieren

Eine Seite, die auf deinem Computer gut aussah, kann online leere Kästchen zeigen. Das sind die üblichen Ursachen:

Das Bild liegt nicht im Ordner. Leg jedes Bild neben index.html oder in einen Unterordner wie images, der dazugehört.
Der Pfad zeigt auf deine eigene Festplatte. C:\Users\you\photo.jpg gibt es nur auf deinem Computer. Nutz einen relativen Pfad wie images/photo.jpg.
Die Großschreibung unterscheidet sich. Photo.JPG und photo.jpg sind auf manchen Computern dieselbe Datei und auf vielen Hosts verschiedene Dateien. Nutz überall Kleinbuchstaben.
Der Name enthält Leerzeichen. Nutz team-photo.jpg, nicht Team Photo.jpg.

Nutz für jedes Bild kleingeschriebene Dateinamen und relative Pfade.

Deine Möglichkeiten für einen echten Link

Alle diese Wege funktionieren. Sie unterscheiden sich darin, wie schnell du einen Link bekommst und wie leicht sich die Website danach ändern lässt.

1. Lass deine KI veröffentlichen

Manche KIs können mit Tools für dich veröffentlichen. Coding-Tools wie Claude Code und Codex können Dateien direkt hochladen. Chat-Apps kommen aus ihrer Sandbox oft nicht ins Internet und geben dir deshalb eine Datei.

Bei Page Lemon fügst du eine Zeile in denselben Chat ein. Wenn deine KI noch nicht veröffentlichen kann, verbinde sie einmalig und frag noch einmal.

Bring meine Website auf PageLemon.com online

2. Den Teilen-Button in deinem KI-Chat nutzen

Claude hat einen Veröffentlichen-Button für Artifacts. Laut dem Hilfeartikel von Anthropic erzeugt er einen öffentlichen Link auf der eigenen Domain von Claude. In den Tarifen Free, Pro und Max kann ihn jeder mit dem Link öffnen. In den Tarifen Team und Enterprise wird der Link innerhalb deiner Organisation geteilt. Das ist praktisch für eine schnelle Demo, aber die Adresse gehört nicht dir. Schau auf der Hilfeseite von Anthropic nach den aktuellen Regeln.

3. Datei ablegen oder Code einfügen, ohne Einrichtung

Wenn deine KI weder veröffentlichen noch sich verbinden kann, zum Beispiel im kostenlosen ChatGPT-Tarif, öffne pagelemon.com/drop. Leg die Datei dort ab oder füge auf dem Handy ohne Datei den Code ein, den dir die KI gegeben hat. Du bekommst in Sekunden einen Link, ohne Konto und ohne etwas zu installieren. Um dieselbe Website später zu ändern, brauchst du eine KI, die sich verbinden kann: Eine neue Datei ergibt eine neue Adresse.

Der Vergleich

	Teilen-Link in einem KI-Chat	Ein allgemeiner Drop-in-Host	Page Lemon
Zeit bis zum Link	Sekunden	Ein paar Minuten	Sekunden aus einem Coding-Tool oder über /drop; etwa 2 Minuten, um vorher eine Chat-App zu verbinden
Konto nötig	Ja, bei dieser KI	Unterschiedlich	Nein zum Veröffentlichen; ein kostenloses Konto zum Behalten
Adresse	Auf der Domain der KI	Unterschiedlich	Eine `pagelemon.dev`-Adresse oder deine eigene Domain in einem bezahlten Tarif
Später aus einem Chat ändern	Im selben Chat	Meist neu hochladen	Von jeder verbundenen KI, gleiche Adresse
Versionsverlauf	Unterschiedlich	Unterschiedlich	7 Tage im Tarif Kostenlos, länger in bezahlten Tarifen

Die ersten beiden Spalten sind allgemeine Muster, und die Details unterscheiden sich je nach Dienst. Prüf die aktuellen Bedingungen des Dienstes, für den du dich entscheidest.

Deine eigene Domain

Eine Adresse wie www.yourcafe.co.uk sieht auf einer Speisekarte oder Visitenkarte besser aus. Bei Page Lemon gibt es deine eigene Domain in den bezahlten Tarifen (Prompter kostet $6 pro Monat und enthält 3 Domains). Du kaufst die Domain bei einem Domain-Anbieter und zahlst ihm jedes Jahr. Page Lemon verkauft keine Domains. So funktioniert es.

Finde mir eine Domain für mein Café

Denk an nächste Woche, nicht nur an heute

Einmal einen Link zu bekommen ist leicht. Schwieriger wird es nächste Woche, wenn du die Öffnungszeiten ändern oder eine Seite hinzufügen willst. Frag dich:

Bleibt die Adresse nach einer Änderung gleich? Wenn jede Bearbeitung einen neuen Link ergibt, musst du ihn jedes Mal neu teilen.
Kann eine KI die Änderung für dich machen? Der Chat, in dem du die Website gebaut hast, ist vielleicht weg. Ein neuer Chat oder eine andere KI braucht einen Weg, die aktuelle Website zu lesen und zu aktualisieren.
Kannst du eine schlechte Änderung rückgängig machen? Mit einem Versionsverlauf kostet ein Fehler eine Minute statt eines Nachmittags.
Wie lange hält eine kostenlose Website? Manche laufen ab, wenn du dich nicht anmeldest. Das ist in Ordnung, solange du es vorher weißt.

Bei Page Lemon bleibt eine Website, die ohne Konto veröffentlicht wurde, 72 Stunden online. Ein kostenloses Konto behält bis zu 3 Websites, mit einem kleinen Page-Lemon-Badge. Die Adresse bleibt nach Änderungen gleich, und jede Änderung wird als Version gespeichert, zu der du zurückgehen kannst.

Häufige Fehler

Geheimnisse veröffentlichen. Wenn deine KI einen API-Schlüssel in die Seite geschrieben hat, kann ihn jeder lesen, sobald sie online ist. Statische Websites können keine Geheimnisse bewahren. Siehe was öffentlich wird.
Das ganze Projekt veröffentlichen. Lade nur die fertige Website hoch, nicht deine Quellordner, Notizen oder .env-Dateien.
Erwarten, dass ein Formular dir eine E-Mail schickt. Eine einfache Webseite kann von sich aus keine E-Mail senden. Frag deine KI, wie Formularnachrichten zugestellt werden, bevor du dich auf eines verlässt.
Die file:///-Adresse teilen. Sie funktioniert für niemand anderen.

Fragen

Warum funktioniert die Seite bei mir, aber nicht bei meiner Freundin?

Du öffnest sie von deiner eigenen Festplatte. Deine Freundin hat diese Datei nicht. Veröffentliche sie und schick dann den https://-Link.

Kann ich die Datei einfach per E-Mail schicken?

Du kannst, aber viele Mailprogramme warnen vor .html-Anhängen, und die Person muss sie selbst speichern und öffnen. Ein Link ist für sie und für dich einfacher.

Muss ich programmieren können?

Nein. Du brauchst die Datei oder die Dateien und einen Weg, sie online zu stellen. Den Rest, auch spätere Änderungen, kann deine KI übernehmen.

Was, wenn ich viele Dateien und Ordner habe?

Bitte um ein .zip mit index.html oben und leg Bilder in denselben Ordner oder einen Unterordner. Oder bitte die KI, alles in eine einzige index.html zu packen, wenn die Website klein ist.

Was kostet das Ausprobieren?

Das Veröffentlichen bei Page Lemon ist kostenlos und braucht kein Konto. Ohne Konto bleibt die Website 72 Stunden online.