Grok 채팅에서 HTML을 공개하는 방법
Whether you use Grok on X or at grok.com, it will write you a full website and Grok Studio will preview it side-by-side with the code. But xAI doesn't host your page — the preview disappears when the chat does. Here's how to give it a permanent address for free.
- 01
Open the code view
In Grok Studio your page shows as a live preview — switch to the code tab to see the HTML. In a plain chat answer it's in a code block.
- 02
Copy the HTML
Use the copy button on the code view or code block. If Grok wrote separate CSS or JS files, copy those too, or ask it to inline everything into one file.
- 03
index.html로 저장
코드를 텍스트 편집기(메모장, TextEdit, VS Code 등)에 붙여넣고 index.html이라는 이름으로 저장하세요. 이 이름이 중요합니다 — 브라우저가 홈페이지로 취급하는 파일명이기 때문입니다.
- 04
아래 상자에 드롭
index.html(또는 폴더 전체)을 이 페이지의 업로드 상자에 드래그하고 공개 버튼을 누르세요. 사이트에 전용 웹 주소가 즉시 부여됩니다.
- 05
링크 공유
이게 전부입니다 — URL을 누구에게든 보내세요. 사이트 이름 변경, 파일 업데이트, 삭제는 언제든 대시보드에서 할 수 있습니다.
Grok의 HTML을 여기에 드롭하세요
파일 하나든 폴더 전체든 — 공개되는 순간 실제 링크를 받습니다.
웹사이트를 여기로 드래그하세요
index.html가 들어 있는 폴더나 ZIP 파일을 드롭하거나, 클립보드에서 HTML을 붙여넣기만 하면 몇 초 만에 온라인에 올려드립니다. 설정도, 준비도, 골치 아픈 일도 없습니다.
또는 Grok이 대신 공개하게 하세요
복사하는 수고를 아예 건너뛰세요. 준비된 지시문을 복사해 Grok 대화에 붙여넣으면 API를 통해 사이트를 업로드해줍니다 — 실제 링크와, 소유권을 가져올 수 있는 비공개 소유권 등록 링크를 받게 됩니다.
대신 터미널에서 작업 중이신가요? npx harvis 실행 — 계정이 필요 없습니다.
Grok 공개 관련 질문
Can I share my Grok Studio preview directly?
No — the Studio preview only renders inside your own Grok session. There's no public link to hand out. Publishing the code here creates a real URL anyone can open.
I used Grok inside X. Is it any different?
The steps are the same: find the code block in the conversation, copy it, save it as index.html, and drop it in the box below. Where you chatted doesn't matter — only the HTML does.
Grok에서 HTML을 공개하는 가장 쉬운 방법은?
세 가지 방법이 있습니다. 가장 쉬운 방법: Grok에서 HTML을 복사해 이 페이지의 상자에 붙여넣으세요 — 즉시 실제 사이트가 됩니다. 손 안 대는 방법: AI 지시문을 복사해 Grok 대화에 붙여넣으면 저희 API를 통해 대신 공개해줍니다. 터미널 방법: 사이트 폴더에서 npx harvis를 실행하면 명령어 하나로 배포됩니다.
공개하려면 계정이 필요한가요?
이 페이지에서 공개하려면 무료 계정이 필요합니다. 사이트가 대시보드에 자리를 잡기 때문이죠. 가입하고 싶지 않으신가요? 터미널에서 npx harvis를 실행하세요 — 계정 없이 배포되며 나중에 쓸 수 있는 비공개 소유권 등록 링크를 받습니다.
Grok이 파일을 여러 개 줬다면?
모든 파일을 폴더 하나에 모으세요 — 최상단에 index.html, 그리고 참조하는 CSS, JavaScript, 이미지까지 — 그런 다음 폴더 전체를 상자로 드래그하세요. 사이트당 최대 500개 파일, 50MB까지 가능합니다.
비용은 얼마이고, 사이트는 얼마나 오래 유지되나요?
무료이며, 공개된 사이트는 만료되지 않습니다 — 대시보드에서 삭제하기 전까지 계속 유지됩니다. 언제든 다시 업로드해도 링크는 그대로입니다.
다른 AI 채팅을 사용하시나요?
방법은 어디서나 거의 동일합니다 — 사용하는 도구를 선택해 정확한 단계를 확인하세요.