Gemini 채팅에서 HTML을 공개하는 방법
Gemini writes solid HTML and its Canvas mode even shows a live preview — but that preview lives inside your Google account, not on the web. To send someone a link that just works, the code needs a host. Here's the fastest free way to do it.
- 01
Open the code
In Canvas, switch from the preview to the code view. In a regular chat answer, your page is in a code block — scroll to it.
- 02
Copy it
Click the copy icon on the code block (or select all inside Canvas and copy). That's your entire website on the clipboard.
- 03
index.html로 저장
코드를 텍스트 편집기(메모장, TextEdit, VS Code 등)에 붙여넣고 index.html이라는 이름으로 저장하세요. 이 이름이 중요합니다 — 브라우저가 홈페이지로 취급하는 파일명이기 때문입니다.
- 04
아래 상자에 드롭
index.html(또는 폴더 전체)을 이 페이지의 업로드 상자에 드래그하고 공개 버튼을 누르세요. 사이트에 전용 웹 주소가 즉시 부여됩니다.
- 05
링크 공유
이게 전부입니다 — URL을 누구에게든 보내세요. 사이트 이름 변경, 파일 업데이트, 삭제는 언제든 대시보드에서 할 수 있습니다.
Gemini의 HTML을 여기에 드롭하세요
파일 하나든 폴더 전체든 — 공개되는 순간 실제 링크를 받습니다.
웹사이트를 여기로 드래그하세요
index.html가 들어 있는 폴더나 ZIP 파일을 드롭하거나, 클립보드에서 HTML을 붙여넣기만 하면 몇 초 만에 온라인에 올려드립니다. 설정도, 준비도, 골치 아픈 일도 없습니다.
또는 Gemini이 대신 공개하게 하세요
복사하는 수고를 아예 건너뛰세요. 준비된 지시문을 복사해 Gemini 대화에 붙여넣으면 API를 통해 사이트를 업로드해줍니다 — 실제 링크와, 소유권을 가져올 수 있는 비공개 소유권 등록 링크를 받게 됩니다.
대신 터미널에서 작업 중이신가요? npx harvis 실행 — 계정이 필요 없습니다.
Gemini 공개 관련 질문
Gemini Canvas already previews my page — why do I need hosting?
The Canvas preview only exists inside your Gemini session. There's no public URL behind it, so nobody else can open it. Publishing here gives the page its own address anyone can visit.
Does this work with pages built in Google AI Studio?
Yes. AI Studio lets you download your app's files — grab the folder, make sure it has an index.html, and drag the whole thing into the box below.
Gemini에서 HTML을 공개하는 가장 쉬운 방법은?
세 가지 방법이 있습니다. 가장 쉬운 방법: Gemini에서 HTML을 복사해 이 페이지의 상자에 붙여넣으세요 — 즉시 실제 사이트가 됩니다. 손 안 대는 방법: AI 지시문을 복사해 Gemini 대화에 붙여넣으면 저희 API를 통해 대신 공개해줍니다. 터미널 방법: 사이트 폴더에서 npx harvis를 실행하면 명령어 하나로 배포됩니다.
공개하려면 계정이 필요한가요?
이 페이지에서 공개하려면 무료 계정이 필요합니다. 사이트가 대시보드에 자리를 잡기 때문이죠. 가입하고 싶지 않으신가요? 터미널에서 npx harvis를 실행하세요 — 계정 없이 배포되며 나중에 쓸 수 있는 비공개 소유권 등록 링크를 받습니다.
Gemini이 파일을 여러 개 줬다면?
모든 파일을 폴더 하나에 모으세요 — 최상단에 index.html, 그리고 참조하는 CSS, JavaScript, 이미지까지 — 그런 다음 폴더 전체를 상자로 드래그하세요. 사이트당 최대 500개 파일, 50MB까지 가능합니다.
비용은 얼마이고, 사이트는 얼마나 오래 유지되나요?
무료이며, 공개된 사이트는 만료되지 않습니다 — 대시보드에서 삭제하기 전까지 계속 유지됩니다. 언제든 다시 업로드해도 링크는 그대로입니다.
다른 AI 채팅을 사용하시나요?
방법은 어디서나 거의 동일합니다 — 사용하는 도구를 선택해 정확한 단계를 확인하세요.