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 Repaintin koodintuojaan ja liitä se sinne. Tämä käynnistää sivustonrakennusprosessin. Repaint käyttää koodiasi luodakseen täyden verkkosivuston, jonka voit julkaista ja jota voit jatkuvasti muokata.

Jos et ole vielä tehnyt verkkosivustoa Geminissä, suosittelen pyytämään Reactia. Se on lähempänä Repaintin käyttämää muotoa, joten pienien suunnitteluyksityiskohtien katoamisriski käännöksessä on pienempi. HTML toimii myös, joskin mahdolliset ongelmat voidaan korjata myöhemmin juttelemalla Repaintin kanssa.

Vaihe 2: Suunnittele, mitä Repaintin tulisi rakentaa

Kun olet liittänyt koodisi, Repaint kysyy muutaman kysymyksen ennen kuin se rakentaa sivuston. Tämä antaa sinulle mahdollisuuden päättää, haluatko käyttää Gemini-versiota täsmälleen, käyttää sitä löyhänä innoituksena vai muuttaa sen suuremmaksi sivustoksi, jossa on enemmän sivuja.

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 tyylin Repaintin tyylikirjastosta
• 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 liittämääsi koodia. Se käyttää Gemini-versiota lähdemateriaalina ja rakentaa sitten suunnitelmassasi kuvatun sivuston. Jos pyysit tarkkaa uudelleenluontia, se yrittää vastata alkuperäistä tarkasti. Jos pyysit lisää sivuja tai erilaista tyyliä, se käyttää Gemini-versiota sen sijaan lähtökohtana.

Joskus yksityiskohtia voi kadota käännöksessä luomisen aikana. Näin tapahtuu useammin, jos alkuperäinen tiedostosi on HTML, koska React on lähempänä Repaintin käyttämää. Jos tärkeitä yksityiskohtia katoaa, voit korjata ne seuraavassa vaiheessa.

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 laittaa sivuston verkkoon ja antaa sinulle live-URL-osoitteen, jonka voit jakaa kenelle tahansa. Se näyttää suunnilleen tältä: https://xxxxxx-xxxxxx-xxxxxx.sites.repaint.com

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 olet valmis käyttämään omaa URL-osoitettasi, mene kohtaan Sivuston asetukset > Verkkotunnukset ja napsauta Yhdistä mukautettu verkkotunnus. Tämä vaatii maksullisen tilauksen. Voit nähdä 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?

Koodin tuominen Repaintiin, sivuston luominen, muokkausten tekeminen ja julkaiseminen on ilmaista. Ilmaistason tärkeimmät rajoitukset ovat rajallinen käyttö, ei mukautettua verkkotunnusta ja Repaint-merkki sivustolla. Maksulliset suunnitelmat alkavat 20 $/kuukausi vuosittain laskutettuna tai 25 $/kuukausi kuukausittain laskutettuna. Niihin sisältyy laajennettu käyttö, mukautetun verkkotunnuksen tuki ja Repaint-merkin poistaminen.

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 käsket Repaintia luomaan alkuperäisen uudelleen, sen pitäisi näyttää melkein täsmälleen samalta. Joskus joitakin yksityiskohtia katoaa, koska Repaint kääntää koodin omaan sivustomuotoonsa. Käännösongelmat ovat yleisempiä, jos alkuperäinen Geministä oli HTML. Jos näin tapahtuu, sinun pitäisi pystyä korjaamaan kaikki 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 todennäköisesti toimineet alkuperäisellä Gemini-sivustollasi. Mutta kun siirrät sivuston Repaintiin, se voi muuttaa lomakkeen oikeaksi yhteydenottolomakkeeksi, joka lähettää sähköposti-ilmoituksia, kun saat lähetyksiä. Painikkeiden pitäisi toimia, jos ne linkittävät oikeisiin sivuihin tai osioihin. Jos painike osoittaa ei-mihinkää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.