Näin julkaiset Geminillä tehdyn verkkosivuston

Johdanto

Moni ihminen käyttää Geminiä verkkosivustojen tekemiseen. Kun otat Canvas-työkalun käyttöön, Gemini antaa sinulle yksittäisen HTML- tai React-tiedoston rinnakkaisella esikatselulla. Mutta kun koodi on käsillä, seuraava askel ei ole ilmeinen. Sinun täytyy edelleen saada se isännöityä jossain, yhdistää verkkotunnus, saada se toimimaan mobiilissa ja keksiä, miten sitä voi muokata jatkossa.

Perinteiset kehittäjätyökalut kuten GitHub ja Netlify voivat isännöidä tiedoston verkossa, mutta sen jälkeen jokainen muokkaus vaatii koodinhallintaa, julkaisuja ja teknisiä yksityiskohtia. Useimmat eivät halua sotkeutua kaikkeen siihen.

Tässä oppaassa näytän, miten Geminillä tekemästäsi sivustosta tehdään oikea, julkaistu verkkosivusto käyttäen uutta tekoälytyökalua nimeltä Repaint. Sen avulla voit aloittaa koodistasi, julkaista sivuston ja muokata sitä juttelemalla tekoälyn kanssa.

Miksi Geministä julkaiseminen on vaikeaa

Gemini voi luoda koodia, mutta se ei ole täysimittainen sivustonrakentaja. Se ohjaa sinut muille alustoille, kun kysyt, miten julkaista omalla verkkotunnuksellasi. Se suosittelee yleensä kehittäjätyökaluja kuten GitHub, Netlify ja Vercel tai ehdottaa uudelleenrakentamista perinteisessä sivustonrakentajassa kuten Framer, Wix tai Squarespace. Kumpikaan ei ole ihanteellinen.

Kehittäjätyökalut ovat mukavia, koska ne voivat suoraan ajaa Geminin luomaa koodia. Haittapuoli on, että jokainen muutos vaatii tiettyjen koodi­tiedostojen muokkaamista. Niille, jotka eivät ole koodaajia, tämä tarkoittaa jatkuvaa tiedostojen siirtämistä julkaistun koodin ja muokkauksen välillä vain pienten muutosten tekemiseksi tekoälyllä.

Useimmat välttävät koodin monimutkaisuutta käyttämällä sivustonrakentajaa kuten Wix, Squarespace tai Webflow. Nämä alustat tekevät muokkausten julkaisemisesta sujuvampaa. Ongelma on, että ne eivät voi ajaa Geminin luomia sivustoja, joten sinun täytyy rakentaa kaikki manuaalisesti uudelleen. Sen jälkeen sinun täytyy muokata kaikkea käsin.

Siksi kannattaa käyttää tekoälypohjaista sivustonrakentajaa kuten Repaintia. Se antaa sinulle joustavuuden ajaa mukautettua koodia ja kätevyyden muokata ja julkaista yhdessä paikassa.

Mikä on Repaint?

Repaint on tekoälyalusta verkkosivustojen luomiseen. Se on rakennettu saman chat-pohjaisen työnkulun ympärille, joka tekee Geministä hyödyllisen. Voit pyytää muutoksia tavallisella kielellä, tarkistaa tuloksen ja jatkaa iterointia, kunnes sivusto näyttää oikealta.

Mutta Repaint on täysi sivustoalusta, ei vain paikka koodin luomiseen. Tämä tarkoittaa, että se hoitaa ne osat sivuston ylläpidosta, joita Gemini ei hoida:

• Se julkaisee sivustosi, jotta ihmiset voivat oikeasti vierailla siellä verkossa.
• Sen avulla voit yhdistää mukautetun verkkotunnuksen, jotta sivusto voi sijaita oikealla URL-osoitteellasi.
• Se pitää sivuston muokattavissa tekoälyllä, jotta voit tehdä muutoksia myöhemmin.
• Se auttaa hallitsemaan SEO-yksityiskohtia, kuten sivujen otsikoita, kuvauksia ja sivustorakennetta.
• Se voi luoda uusia sivuja, kun sivustosi tarvitsee kasvaa.

Se on ero koodi­tiedoston luomisen ja oikean paikan välillä, jossa hallitset sivustoasi ajan mittaan.

Vaihe 1: Tuo koodi Geministä

Kun Gemini tekee verkkosivuston, se näyttää koodin ja live-esikatselun Canvas-paneelissa. Oletuksena tuloste on HTML, mutta voit pyytää sen sijaan React-koodia. Yksi tietämisen arvoinen erikoisuus: Gemini ei avaa Canvasia automaattisesti, kun pyydät verkkosivustoa. Sinun täytyy ottaa Canvas-työkalu käyttöön viestilaatikon vieressä olevasta pudotusvalikosta ja pyytää sitten uudelleen.

Saadaksesi koodin, napsauta Share-painiketta Canvasin yläosassa ja napsauta sitten Copy contents. Mene sen jälkeen Repaintiin, liitä koodi ja kuvaile, mitä haluat rakentaa. Repaint luo sen pohjalta sivuston, jonka voit julkaista ja jota voit muokata myöhemminkin.

Vaihe 2: Suunnittele, mitä Repaintin tulisi rakentaa

Kun olet lisännyt koodisi, Repaint kysyy muutaman kysymyksen ennen kuin se rakentaa sivuston. Näin voit päättää, haluatko käyttää Gemini-versiota sellaisenaan, ottaa siitä vain inspiraatiota vai laajentaa sen useampisivuiseksi sivustoksi.

Suunnittele sisältö

Gemini tekee usein yksisivuisia sivustoja, joissa linkit vierittävät osioihin sen sijaan, että ne avaisivat uusia sivuja. Mutta useimmat yritykset tarvitsevat enemmän kuin yhden sivun. Jos sinulla on yksisivuinen sivusto, kannattaa harkita, että Repaint rakentaa sen useaksi sivuksi.

Voit myös käyttää tämän hetken lisätäksesi sisältöä. Gemini ei yleensä tee suuria sivukokonaisuuksia kuten blogipostauksia. Kun tuot sivuston Repaintiin, voit laajentaa laajuutta sisältämään kaiken, mitä haluat.

Kaikki uudet sivut sopivat tyyliin, joka sinulla on jo.

Suunnittele tyyli

Oletuksena Repaint kopioi tyylin alkuperäisestäsi. Tämä tarkoittaa, että se säilyttää saman ilmeen: värit, asettelun, typografian ja välistyksen.

Mutta sinun ei tarvitse säilyttää tyyliä. Jos et ole siihen tyytyväinen, voit pyytää Repaintia suunnittelemaan sivustosi uudelleen. Repaint voi:

• Luoda alkuperäisen mahdollisimman tarkasti uudelleen
• Sovittaa toisen pitämäsi sivuston tyyliin
• Luoda mukautetun tyylin sisällöllesi
• Valita puolestasi

Älä stressaa siitä liikaa. Jos et pidä siitä, mitä se tekee, voit pyytää sitä luomaan uusia versioita myöhemmin.

Tarkista suunnitelma

Ennen kuin mitään luodaan, Repaint kirjoittaa täsmälleen sen, mitä se aikoo rakentaa: mitkä sivut, mikä sisältö ja mikä tyyli. Käy se läpi ja tee viimeiset muutokset. Suunnitelman korjaaminen on paljon nopeampaa kuin koko sivuston uudelleenluominen.

Kun vahvistat, Repaint rakentaa uuden sivustosi!

Vaihe 3: Luo sivustosi

Kun vahvistat suunnitelman, Repaint alkaa rakentaa sivustoasi. Näet edistymisviestejä, kun se käy läpi jokaisen sivun. Yksinkertainen etusivu saattaa valmistua minuutissa tai kahdessa. Suurempi sivusto, jossa on enemmän sivuja, voi viedä kauemmin.

Repaint ei vain isännöi koodiasi. Se käyttää Gemini-versiota lähtöaineistona ja rakentaa sitten suunnitelmassasi kuvatun sivuston. Jos pyysit tarkkaa jäljennöstä, se yrittää vastata alkuperäistä mahdollisimman hyvin. Jos pyysit lisää sivuja tai erilaista tyyliä, Gemini-versio toimii sen sijaan lähtökohtana.

Joitakin yksityiskohtia voi joutua säätämään tuonnin jälkeen. Jos jokin näyttää erilaiselta kuin halusit, voit korjata sen seuraavassa vaiheessa keskustelemalla Repaintin kanssa.

Vaihe 4: Muokkaa sivustoasi tekoälyllä

Kun Repaint on luonut ensimmäisen version, näet sen näyttösi oikealla puolella. Nyt voit tehdä muutoksia samalla tavalla kuin tekisit Geminissä. Kirjoitat, mitä haluat muuttaa, Repaint päivittää sivuston, ja sitten tarkistat tuloksen.

Voit esimerkiksi pyytää Repaintia:

• Lisäämään uuden sivun
• Vaihtamaan värit tai fontit
• Lisäämään yhteydenottolomakkeen
• Luomaan kuvia
• Kirjoittamaan tekstin uudelleen

Voit jatkaa muutosten tekemistä, kunnes sivusto tuntuu valmiilta julkaistavaksi.

Vaihe 5: Julkaise sivustosi

Kun sivusto on valmis, napsauta Julkaise-painiketta. Repaint julkaisee sivuston verkossa ja antaa sinulle toimivan URL-osoitteen, jonka voit jakaa kenelle tahansa.

Tämä on kohta, jossa työstäsi tulee oikea verkkosivusto internetissä. Voit avata sen puhelimellasi, lähettää sen jollekulle tai testata sitä oikeassa selaimessa.

Sinun ei myöskään tarvitse viedä koodia tai siirtää tiedostoja muualle. Tästä eteenpäin Repaint on paikka, jossa muokkaat ja julkaiset sivuston. Jos haluat tehdä muutoksia myöhemmin, voit pyytää Repaintia päivittämään sivuston ja julkaista sitten uuden version samalla painikkeella.

Vaihe 6: Yhdistä verkkotunnuksesi

Kun haluat käyttää omaa URL-osoitettasi, pyydä Repaintia yhdistämään verkkotunnuksesi. Se antaa sinulle lisättävät DNS-tietueet. Mukautetut verkkotunnukset sisältyvät ilmaiseen kokeilujaksoon ja kaikkiin maksullisiin tilauksiin. Katso hintatiedot täältä.

Verkkotunnustasi hallitaan alustalla, joka on sekä Geminin että Repaintin ulkopuolella. Se on rekisteröity verkkotunnustoimittajalle, kuten GoDaddy, Namecheap tai Cloudflare. Sinun ei tarvitse siirtää sitä mihinkään. Päivität vain asetukset verkkotunnustoimittajallasi siten, että verkkotunnus osoittaa Repaint-sivustoosi.

Jos et ole koskaan tehnyt tätä aiemmin, älä huoli. Pyydä Repaintia opastamaan sinut läpi prosessin. Se kertoo tarkalleen, mitä tehdä, vaihe vaiheelta.

Muutos voi kestää muutaman tunnin tulla voimaan. Kun Repaint näyttää verkkotunnuksesi vahvistetuksi, sivustosi on live-tilassa omalla verkkotunnuksellasi.

Yhteenveto

Gemini tekee ensimmäisen verkkosivustoversion luomisesta helppoa, mutta sen koodin saaminen verkkoon ja sen ylläpitäminen on edelleen vaikeaa. Repaint antaa sinulle tavan muuttaa koodi oikeaksi verkkosivustoksi, jonka voit julkaista, yhdistää verkkotunnukseen ja jatkaa muokkaamista tekoälyllä. Repaint tekee luodun koodin muuttamisesta julkaistuksi sivustoksi helpompaa kuin koskaan.

Usein kysytyt kysymykset

Kuinka kauan Gemini-sivuston julkaiseminen Repaintilla kestää?

Jos sivustosi on jo valmis, sen pitäisi viedä vain muutama minuutti. Koodin jakaminen, sivuston suunnittelu ja sivuston luominen vie yleensä 2–5 minuuttia. Sen jälkeen julkaisuun kuluva aika riippuu siitä, kuinka monta säätöä teet.

Paljonko Repaintilla julkaiseminen maksaa?

Voit kokeilla Repaintia ilmaiseksi 14 päivän ajan. Kokeiluun sisältyvät sivuston rakentaminen, muokkaaminen, julkaiseminen ja oman verkkotunnuksen yhdistäminen. Maksulliset tilaukset alkavat 25 $/kuukaudessa, ja niihin sisältyvät sivuston ylläpito sekä viikoittainen tekoälyn käyttökiintiö.

Kun kokeilujakso päättyy, työtilasi siirtyy tauolle, kunnes aloitat maksullisen tilauksen. Työsi säilyy tallessa, ja voit aktivoida työtilan uudelleen milloin tahansa. Katso lisätiedot hinnoittelusivultamme.

Miksi en käyttäisi vain GitHub Pagesia, Netlifyä tai Verceliä?

Voit käyttää, varsinkin jos olet sinut koodinhallinnan kanssa. Ne työkalut ovat hyviä tiedostojen laittamisessa verkkoon. Mutta jokainen merkityksellinen muutos lähettää sinut takaisin koodiin, mikä tarkoittaa, että jäät juuttuneeksi kopioimaan tiedostoja Geminin, editorisi ja isännöintityökalusi välillä.

Repaint on erilainen, koska se on täysi sivustoalusta, ei vain paikka tiedostojen tarjoiluun. Tämä tarkoittaa, että voit jatkaa muokkaamista tekoälyllä, julkaista muutokset samasta paikasta, hallita sivuja, päivittää SEO-asetuksia, optimoida kuvia, yhdistää lomakkeita ja käyttää mukautettua verkkotunnustasi. Se on rakennettu pitkän aikavälin sivustonhallintaa varten, ei vain ensimmäistä julkaisua varten.

Pitääkö minun osata koodata korjatakseni ongelmia?

Ei. Repaint on tehty ihmisille, jotka eivät koodaa. Sen jälkeen kun olet tuonut koodisi Geministä, sinun ei koskaan tarvitse hallita koodia uudelleen. Jos jokin näyttää väärältä, voit korjata sen juttelemalla tekoälyn kanssa. Koodin osaaminen voi auttaa, jos haluat olla hyvin tarkka, mutta se ei ole välttämätöntä.

Näyttääkö sivusto täsmälleen Gemini-version kaltaiselta?

Jos pyydät Repaintia luomaan alkuperäisen sivuston uudelleen, sen pitäisi näyttää lähes täsmälleen samalta. Joskus joitakin yksityiskohtia katoaa, koska Repaint rakentaa sivuston uudelleen koodisi pohjalta sen sijaan, että se isännöisi tiedostoa sellaisenaan. Jos näin käy, pystyt yleensä korjaamaan kaiken muutamalla pyynnöllä.

Mitä tapahtuu, jos tekoäly tekee virheen?

Kun teet päivityksiä, Repaint tallentaa jokaisen sivustosi version. Voit pyytää Repaintia palaamaan taaksepäin, ja se palautuu aiempaan versioon. Tai jos haluat palata tiettyyn ajankohtaan, voit palauttaa minkä tahansa aiemman version manuaalisesti. Voit siis tehdä muutoksia vapaasti ilman riskiä sivustosi pilaamisesta.

Toimivatko lomakkeet ja painikkeet tuomisen jälkeen?

Kyllä. Yhteydenottolomakkeet eivät luultavasti toimineet alkuperäisellä Gemini-sivustollasi. Kun siirrät sivuston Repaintiin, se voi kuitenkin muuttaa lomakkeen toimivaksi yhteydenottolomakkeeksi, joka tallentaa lähetykset ja lähettää sinulle sähköpostia, kun joku täyttää sen. Painikkeiden pitäisi toimia, jos ne vievät oikeille sivuille tai osioihin. Jos painike ei vie minnekään, voit pyytää Repaintia yhdistämään sen.

Voiko Repaint käsitellä Gemini-sivustoni kuvia, kuvakkeita ja muita resursseja?

Gemini hakee usein kuvia lähteistä kuten Unsplash ja linkittää niihin URL-osoitteilla sen sijaan, että tallentaisi ne koodisi sisään. Kun tuot koodisi, Repaint voi hakea ja tallentaa kopiot näistä kuvista, jotta ne pysyvät pysyvästi saatavilla uudelle sivustollesi. Repaint voi myös luoda kuvia, jos sinun täytyy vielä lisätä niitä.

Voinko lisätä SEO-asetuksia, analytiikkaa ja metatietoja?

Kyllä. Voit lisätä mukautettua koodia, analytiikkaa ja metatietoja vain pyytämällä Repaintia. Se voi asettaa tekniset SEO-asetukset puolestasi ja se voi lisätä skriptejä ja upotuksia muilta alustoilta. Lisätäksesi Google Analyticsin, jaa vain GA-tunnuksesi.

Korvaako Repaint isännöinnin vai tarvitsenko silti erillisen isännän?

Repaint on isännöintialusta. Se ajaa sivustoasi. Et tarvitse erillistä isännöintialustaa kuten GitHub Pages, Netlify, Vercel tai muu sivustonrakentaja.