harvis
Claude

Cara menerbitkan HTML daripada Claude chat

Claude is brilliant at building single-file websites — landing pages, presentations, little games — but Anthropic doesn't host them. Your page lives in an Artifact inside claude.ai, and the people you want to show it to don't have your chat. Here's how to move it from the chat to a real, shareable web address in about half a minute.

steps
  1. 01

    Open the Artifact

    Your page appears in Claude's side panel as an Artifact with a live preview. Click it so the preview panel is open, then switch to the code view if you want to peek at the HTML.

  2. 02

    Copy or download the code

    Use the copy icon at the bottom of the Artifact panel, or the download button to save the file straight to your computer. Either way you now have the full HTML.

  3. 03

    Simpan sebagai index.html

    Tampal kod itu ke dalam mana-mana editor teks — Notepad, TextEdit, VS Code — dan simpan fail itu sebagai index.html. Nama itu penting: itulah yang dianggap pelayar sebagai laman utama anda.

  4. 04

    Lepaskan ke dalam kotak di bawah

    Seret index.html (atau keseluruhan folder) ke dalam kotak muat naik pada halaman ini dan tekan terbitkan. Laman anda mendapat alamat web tersendiri serta-merta.

  5. 05

    Kongsi pautan anda

    Itu sahaja — hantar URL itu kepada sesiapa sahaja. Anda boleh menamakan semula laman itu, mengemas kini fail, atau memadamnya daripada papan pemuka anda bila-bila masa anda suka.

Lepaskan HTML Claude anda di sini

Satu fail atau keseluruhan folder — anda akan dapat pautan langsung sebaik sahaja ia diterbitkan.

Seret laman web anda ke sini

Lepaskan folder atau fail ZIP yang mengandungi index.html anda — atau tampal sahaja HTML daripada papan keratan anda — dan kami akan meletakkannya dalam talian dalam beberapa saat. Tiada persediaan, tiada konfigurasi, tiada kerumitan.

Atau biarkan Claude menerbitkannya untuk anda

Langkau penyalinan sepenuhnya. Salin arahan siap-guna kami, tampal ke dalam perbualan Claude anda, dan ia boleh memuat naik laman itu melalui API kami — anda dapat pautan langsung dan pautan tuntutan peribadi untuk mengambil alih pemilikan.

Lebih suka bekerja dalam terminal? Jalankan npx harvis — tiada akaun diperlukan.

Soalan penerbitan Claude

Claude gives me a share link for Artifacts — isn't that enough?

A published Artifact link opens inside claude.ai with Claude branding around it, and viewers may be asked to sign in. Publishing here gives you a plain website on its own address that anyone can open in any browser — no account, no chrome around your page.

What if I'm using Claude Code in the terminal?

Then your files are already on disk — even easier. Run npx harvis inside the project folder and it deploys everything, or paste our AI instructions into Claude Code and it will publish the site for you through our API.

Apakah cara termudah untuk menerbitkan HTML daripada Claude?

Ada tiga cara. Paling mudah: salin HTML daripada Claude dan tampal ke dalam kotak pada halaman ini — kami menjadikannya laman langsung serta-merta. Tanpa kerja tangan: salin arahan AI kami ke dalam perbualan Claude anda dan ia akan menerbitkan melalui API kami untuk anda. Dalam terminal: jalankan npx harvis dalam folder laman itu dan ia deploy dengan satu arahan.

Perlukah saya akaun untuk menerbitkan?

Menerbitkan daripada halaman ini memerlukan akaun percuma, supaya laman anda mempunyai tempat dalam papan pemuka anda. Lebih suka tanpa pendaftaran? Jalankan npx harvis dalam terminal — ia deploy tanpa akaun dan memberi anda pautan tuntutan peribadi untuk kemudian.

Bagaimana jika Claude memberi saya lebih daripada satu fail?

Letakkan semuanya dalam satu folder — index.html di bahagian atas, ditambah mana-mana CSS, JavaScript, dan imej yang dirujuknya — dan seret keseluruhan folder itu ke dalam kotak. Sehingga 500 fail dan 50 MB setiap laman.

Berapa kosnya, dan berapa lama laman itu kekal dalam talian?

Ia percuma, dan laman yang diterbitkan tidak luput — ia kekal live sehingga anda memadamnya daripada papan pemuka anda. Muat naik semula bila-bila masa dan pautan itu kekal sama.

other tools

Menggunakan sembang AI lain?

Resepinya hampir sama di mana-mana sahaja — pilih alat anda untuk langkah tepat.