Spinto — vietņu veidotājs, kas var patikt gan iesācējiem, gan izstrādātājiem

Reklāma

Ak, prieks par jaunas mājas lapas izveidi! Ja nopietni, viena no labākajām lietām tīmeklī ir tas, cik viegli ir sākt kaut ko jaunu. Ir daudz rīku, kas ļauj lietotājiem viegli izveidot savas vietnes, piemēram, Sidengo Kā dažu minūšu laikā izveidot savu vietni bez kodēšanas prasmēmTīmeklim augot, un tas notiek pārsteidzoši ātri, nepieciešamība pēc klātbūtnes tīmeklī kļūst arvien aktuālāka. Daudzviet pasaulē jums vienkārši ir jābūt klātbūtnei tīmeklī, lai... Lasīt vairāk un Wix Kā bez maksas izveidot profesionāla izskata Flash vietni Lasīt vairāk (kuram, starp citu, vairs nav nepieciešama Flash). Daudzi no šiem rīkiem ir paredzēti jauniem lietotājiem, kuri izveido savas pirmās vietnes. Spinto ir jauns pakalpojums, kas izmēģina citu leņķi.

Tas ir izstrādātājiem draudzīgs, atbalsta Git un SSH, un tas ir balstīts uz Džekils, statisks vietņu ģenerators Ruby coders mīl. To visu darot, Spinto arī cenšas palikt pievilcīgs jaunākiem lietotājiem – tātad varētu teikt, ka šis ir pakalpojums, kas būtībā cenšas visus padarīt laimīgus.

Spinto pašlaik ir beta versijā, un to var brīvi izmantot, taču pat pēc maksas iekasēšanas viņi saka, ka būs viegli eksportēt jūsu vietni un pārvietot to citur, ja nevēlaties maksāt.

Celšanās un skriešana

Pēc pieteikšanās Spinto, izmantojot savu Google kontu, pakalpojums vispirms vēlas uzzināt, vai jūs esat "tehnoloģiju persona". Pieņemot, ka esat, jūs droši vien zināt, kas ir Git, un jums ir publiska SSH atslēga. Man patiešām ir publiska SSH atslēga, kuru es ielīmēju šajā tekstlodziņā. Bet Spinto nesāpēs, ja jums nav šādas atslēgas, kas ir jauki.

Pēc tam ir pienācis laiks izveidot mūsu pirmo vietni:

Spinto arī ļauj izveidot vietni ar Projekts vai Skelets CSS ietvari vai tukša vietne, kurā vispār nav koda. Tā kā es šeit tikai gribu spārdīt riepas, es devos ar Restorāna piemērs vietne.

Vietnes vizuāla rediģēšana

Vietne tiek izveidota uzreiz, un tai var piekļūt nekavējoties. Augšpusē varat redzēt Spinto redaktora tīmekļa saskarni. Labajā sānjoslā Spinto uzskaita Git URL, kas jums nepieciešams, lai pārbaudītu vietņu avotus, kā arī vietnes informāciju un līdzstrādniekus. Kreisajā pusē varat redzēt lapas un emuāra ierakstus.

Rediģēsim Laipni lūdzam lappuse:

Ak, vizuālais redaktors! Diezgan glīts lietotājiem, kas nav tehniski. Taču ņemiet vērā, ka, ņemot vērā visu tā iespaidīgo hromu, redaktora iespējas ir ierobežotas. Es nevarēju pārvietot attēlus, tos velkot. Redaktors atviegloja teksta maiņu, kā arī attēlu nomaiņu. Tas ir jauki, jo tas nozīmē, ka vietnes tekstu var rediģēt netehnisks lietotājs, savukārt pieredzējušāks izstrādātājs veic CSS.

Spinto tīmekļa saskarne ļauj arī rediģēt HTML tieši, taču, ja esat izstrādātājs, manuprāt, iespēja manuāli rediģēt HTML pārlūkprogrammā ir ļoti maza.

Darbs ar Git un lokāla rediģēšana

Tagad aplūkosim Spinto no pieredzējuša izstrādātāja viedokļa. Pakalpojums ļauj ļoti viegli klonēt jūsu vietni un strādāt pie tās, ērti izmantojot savu datoru, izmantojot Git. Iepriekš esošā Git komandrinda tiek izņemta tieši no Spinto dokumentācijas un būtībā lejupielādē jūsu Spinto vietni darbam. Iekšpusē tas izskatās šādi:

README fails skaidri parāda, ka mēs strādājam ar kaut ko, kas balstīts uz Jekyll un Bootstrap ietvars (izveidots Twitter). Tagad aktivizēsim gVim un rediģēsim dažus failus:

Iekšpusē mēs redzam diezgan vaniļas HTML. Ņemiet vērā četras augšējās rindiņas, kas nosaka Jekyll nosaukumu un izkārtojumu. Vēl viens interesants aspekts šeit ir tas, ka stila lapas nav CSS — tās ir rakstītas MAZĀK:

Tas atvieglo krāsu maiņu, jo LESS atbalsta mainīgos. Tikai par to, es mainīju ķermeņa fona krāsu uz rozā. Tagad ir pienācis laiks apņemties un virzīt izmaiņas, lai tās redzētu vietnē:

Tagad dodamies uz Spinto vietni:

Patiešām, tas ir šausminoši rozā. Diezgan vieglas lietas! Ir arī Ruby dārgakmens, lai priekšskatītu izmaiņas lokāli, tāpēc jums nav jāturpina virzīties uz Git repo katru reizi, kad vēlaties redzēt izmaiņas pārlūkprogrammā.

Pēdējās domas

Spinto ir drosmīgs un novatorisks mēģinājums izveidot sistēmu, kas patiktu gan iesācējiem, gan pieredzējušiem izstrādātājiem. Ja strādājat pie vietnes viens pats, es īsti nevaru iedomāties pārliecinošu iemeslu izmantot Spinto, nevis pašu Jekyll (vai PieCrust un daudzi citi statiskie vietņu ģeneratori). Bet, ja jums ir jāsadarbojas ar citiem, jo ​​īpaši lietotājiem, kuriem ļoti rūp teksta saturs un attēli, bet kuri nevar palīdzēt ar CSS, Spinto piedāvā dažas interesantas priekšrocības.

Paziņojiet mums, ko jūs par to domājat komentāros un vai dodat priekšroku šim vai līdzīgam vietņu ģeneratoram.