HTML aus dem Gemini-Chat veröffentlichen — so geht's
Gemini schreibt solides HTML und der Canvas-Modus zeigt sogar eine Live-Vorschau — aber diese Vorschau lebt in deinem Google-Konto, nicht im Web. Um jemandem einen Link zu schicken, der einfach funktioniert, braucht der Code einen Host. Hier ist der schnellste kostenlose Weg.
- 01
Öffne den Code
Wechsle in Canvas von der Vorschau in die Code-Ansicht. In einer normalen Chat-Antwort steckt deine Seite in einem Codeblock — scroll einfach hin.
- 02
Kopiere ihn
Klick auf das Kopier-Symbol am Codeblock (oder markiere alles in Canvas und kopiere es). Das ist deine komplette Website in der Zwischenablage.
- 03
Als index.html speichern
Füge den Code in einen beliebigen Texteditor ein — Notepad, TextEdit, VS Code — und speichere die Datei als index.html. Der Name ist wichtig: Browser behandeln sie als deine Startseite.
- 04
In die Box unten ziehen
Zieh die index.html (oder den ganzen Ordner) in die Upload-Box auf dieser Seite und klick auf Veröffentlichen. Deine Site bekommt sofort ihre eigene Webadresse.
- 05
Link teilen
Das war's — schick die URL an wen du willst. Du kannst die Site jederzeit über dein Dashboard umbenennen, die Dateien aktualisieren oder sie löschen.
Zieh dein Gemini-HTML hier rein
Eine Datei oder ein ganzer Ordner — du bekommst einen Live-Link, sobald es veröffentlicht ist.
Zieh deine Website hierher
Zieh einen Ordner mit deiner index.html rein — oder füge einfach HTML aus deiner Zwischenablage ein — und wir stellen ihn in Sekunden online. Kein Setup, keine Konfiguration, kein Kopfzerbrechen.
Oder lass Gemini es für dich veröffentlichen
Spar dir das Kopieren ganz. Kopiere unsere fertigen Anweisungen, füge sie in deine Gemini-Unterhaltung ein, und sie kann die Site über unsere API hochladen — du bekommst einen Live-Link und einen privaten Claim-Link, um die Site zu übernehmen.
Du arbeitest lieber im Terminal? Führe npx hosting aus — ganz ohne Konto.
Fragen zum Veröffentlichen aus Gemini
Gemini Canvas zeigt meine Seite doch schon an — wozu brauche ich Hosting?
Die Canvas-Vorschau existiert nur innerhalb deiner Gemini-Sitzung. Dahinter steckt keine öffentliche URL, also kann sie niemand sonst öffnen. Wenn du hier veröffentlichst, bekommt die Seite ihre eigene Adresse, die jeder besuchen kann.
Funktioniert das auch mit Seiten aus Google AI Studio?
Ja. In AI Studio kannst du die Dateien deiner App herunterladen — schnapp dir den Ordner, stell sicher, dass eine index.html drin ist, und zieh das Ganze in die Box unten.
Was ist der einfachste Weg, HTML aus Gemini zu veröffentlichen?
Es gibt drei. Am einfachsten: Kopiere das HTML aus Gemini und füge es in die Box auf dieser Seite ein — wir machen sofort eine Live-Site daraus. Auf Dauer: Installiere unsere Browser-Erweiterung und veröffentliche mit einem Klick aus KI-Chats. Ganz ohne Handarbeit: Kopiere unsere KI-Anweisungen in deine Gemini-Unterhaltung und sie veröffentlicht über unsere API für dich.
Brauche ich ein Konto zum Veröffentlichen?
Fürs Veröffentlichen über diese Seite brauchst du ein kostenloses Konto, damit deine Site ein Zuhause in deinem Dashboard hat. Lieber ohne Registrierung? Führe npx hosting im Terminal aus — das deployt ohne Konto und gibt dir einen privaten Claim-Link für später.
Was, wenn Gemini mir mehr als eine Datei gegeben hat?
Pack alles in einen Ordner — die index.html oben, dazu alle CSS-, JavaScript- und Bilddateien, auf die sie verweist — und zieh den ganzen Ordner in die Box. Bis zu 500 Dateien und 50 MB pro Site.
Was kostet es, und wie lange bleibt die Site online?
Es ist kostenlos, und veröffentlichte Sites laufen nicht ab — sie bleiben live, bis du sie in deinem Dashboard löschst. Lade jederzeit neu hoch, der Link bleibt derselbe.
Du nutzt einen anderen KI-Chat?
Das Rezept ist fast überall identisch — wähle dein Tool für die genauen Schritte.