HTML aus dem Grok-Chat veröffentlichen — so geht's
Ob du Grok auf X oder auf grok.com nutzt: Es schreibt dir eine komplette Website, und Grok Studio zeigt sie neben dem Code als Vorschau an. Aber xAI hostet deine Seite nicht — die Vorschau verschwindet mit dem Chat. So gibst du ihr kostenlos eine dauerhafte Adresse.
- 01
Öffne die Code-Ansicht
In Grok Studio erscheint deine Seite als Live-Vorschau — wechsle in den Code-Tab, um das HTML zu sehen. In einer normalen Chat-Antwort steckt es in einem Codeblock.
- 02
Kopiere das HTML
Nutze den Kopier-Button an der Code-Ansicht oder am Codeblock. Hat Grok separate CSS- oder JS-Dateien geschrieben, kopiere die auch — oder bitte es, alles in eine Datei zu packen.
- 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 Grok-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 Grok es für dich veröffentlichen
Spar dir das Kopieren ganz. Kopiere unsere fertigen Anweisungen, füge sie in deine Grok-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 Grok
Kann ich meine Grok-Studio-Vorschau direkt teilen?
Nein — die Studio-Vorschau rendert nur in deiner eigenen Grok-Sitzung. Es gibt keinen öffentlichen Link zum Weitergeben. Wenn du den Code hier veröffentlichst, entsteht eine echte URL, die jeder öffnen kann.
Ich habe Grok innerhalb von X benutzt. Ist das anders?
Die Schritte sind dieselben: Finde den Codeblock in der Unterhaltung, kopiere ihn, speichere ihn als index.html und leg ihn in der Box unten ab. Wo du gechattet hast, ist egal — nur das HTML zählt.
Was ist der einfachste Weg, HTML aus Grok zu veröffentlichen?
Es gibt drei. Am einfachsten: Kopiere das HTML aus Grok 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 Grok-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 Grok 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.