Weka Claude artifact yako kama website halisi

Claude ametengeneza ukurasa na unaonekana vizuri kwenye artifact. Bandika code yake hapa chini upate anwani unayoweza kumtumia mtu yeyote, yenye HTTPS na jina lako.

  • Anwani kama jina-lako.hostilo.page yenye HTTPS
  • Hadi kurasa 5 na 50 MB, bila kadi
  • Editor ya code yenye preview ya moja kwa moja

Code yako inabaki kwenye browser hii. Ukishafungua akaunti ya bure, itakuwa tayari kwenye editor.

Hostilo iko kwenye saraka ya viunganishi vya Claude

Ongeza Hostilo kwenye Claude mara moja, kisha sema tu "chapisha hii kwenye Hostilo". Claude hutuma faili yenyewe, bila kunakili.

Ongeza kwenye Claude

Jinsi inavyofanya kazi

  1. Fungua artifact kwenye Claude na utumie Copy (au Download) kwenye kona ya juu ya paneli.
  2. Bandika code hapa na ubofye Publish. Fungua akaunti ya bure kwa barua pepe yako.
  3. Chagua jina. Ukurasa wako unakuwa hai kwenye name.hostilo.page na unaweza kuubadilisha kwenye browser.

Prompt inayokupa code tayari kuweka mtandaoni

Tengeneza hii kama faili moja la HTML lenye CSS na JavaScript ndani yake, si kama React component. Bila faili za nje isipokuwa fonti na maktaba zinazopakiwa kutoka CDN. Ukurasa:

Ibandike kwenye chat yako ya AI na ueleze ukurasa wako baada ya nukta mbili.

Matatizo ambayo watu hukutana nayo

Claude amenipa React component, si HTML

React artifacts (.jsx) zinahitaji build. Muulize Claude: "Badilisha artifact hii kuwa faili moja la HTML linalojitegemea linalopakia React kutoka CDN". Matokeo yanabandikwa moja kwa moja kwenye Hostilo.

Picha hazionekani baada ya kuweka mtandaoni

Mara nyingi Claude anaelekeza kwenye faili zilizokuwepo kwenye chat tu, kama image.png. Pakia picha kwenye kichupo cha Files cha editor kwa majina yale yale, au muulize Claude atumie URL za picha.

Herufi zenye alama, kama za Kipolandi au Kijerumani, zinaonekana vibaya

Hakikisha code ina <meta charset="UTF-8"> ndani ya head. Kwa kawaida Claude huiweka, lakini inapotea ukinakili sehemu tu ya code.

Unachopata kwenye mpango wa bure

PRO inaongeza domain yako mwenyewe, kurasa 20, 1 GB, bila beji na takwimu za mwaka mzima, kwa $29 kwa mwaka. Ijaribu bure kwa siku 7 baada ya kujisajili.

Maswali

Kitufe cha Publish cha Claude hakitoshi?

Kinashiriki artifact kwenye claude.ai. Hostilo inaipa anwani ya kawaida ya website, inakuruhusu kubadilisha code, kuongeza kurasa ndogo, kuunganisha fomu ya mawasiliano na baadaye domain yako.

Claude anaweza kuweka kwenye Hostilo bila kunakili?

Ndiyo. Ongeza connector ya Hostilo (https://hostilo.app/mcp) kwenye Claude, ruhusu ufikiaji, na useme "weka hii kwenye Hostilo". Claude anatuma faili mwenyewe.

Ukurasa utabaki mtandaoni nikifunga chat?

Ndiyo. Ukurasa uko kwenye Hostilo, si kwenye mazungumzo. Kwenye mpango wa bure ingia mara moja kwa mwezi tu ili usisimame.

Naweza kubadilisha ukurasa baadaye?

Ufungue kwenye editor, badilisha maandishi au code na uhifadhi. Au bandika toleo jipya kutoka Claude juu ya lile la zamani. Matoleo ya mwisho yanahifadhiwa ili uweze kurudi nyuma.

Soma mwongozo kamili

How to Publish a Claude Artifact as a Real Website

Miongozo inayohusiana

Weka mtandaoni website aliyotengeneza ChatGPTKutoka chat ya ChatGPT au Canvas hadi link hai.Ruhusu coding agent wako aweke website mtandaoniClaude Code, Codex, Cursor wanaweka wenyewe.Pakia ZIP, pata websiteFolda nzima mtandaoni kwa upakiaji mmoja.Miongozo yoteUnataka kuweka nini mtandaoni?

Ukurasa wako unaweza kuwa mtandaoni ndani ya dakika moja

Jisajili kwa barua pepe na nenosiri. Mpango wa bure, bila kadi.

Anza bure