Olette varmasti kuullut Aave , uusi-entinen blogging-alusta, joka on otettu blogging maailmaan myrskyn; se on yksinkertainen, se on tyylikäs, se on seksikäs; sillä on live-esikatselu. Mitä ei pidä?

Olen siirtymässä Aave , kuten monet web-suunnittelijat, WordPress-taustasta. Mutta ennen kuin olen todella onnistunut käärimään pääni WordPress "mallin toimintoja, olin kokeillut kymmeniä, mahdollisesti satoja CMS-vaihtoehtoja. Jotkut muista ikimuistoisimmista ovat ExpressionEngine , Textpattern , huonosti FrogCMS , vanha, vanha käsikirjoitus CuteNews , ja paljon muuta.

Pitkästä aikaa WordPress antoi minulle kaiken mitä tarvitsin: tehokkaat mallipohjat; loputon lisäys plugins; vain mitä voisin tehdä.

Mutta WordPress on ollut paljon enemmän kuin blogging-moottori jo jonkin aikaa. Se liikkuu tasaisesti kohti kehyksen ulottuvuutta joillakin tavoin. Julkaisujärjestelmä, jos haluat.

Olen saavuttanut pisteen, jossa haluan ohjelmistoja blogeista, ja se on se. Haluan kirjoittaa viestini sisään hinnanalennus , kirjoita joitain avainsanoja, lisää kuva tai kaksi ja paina julkaista, niin unohda koko asia.

Anna Ghost

Näyttää siltä, ​​etten ole yksin haluani kuollut-yksinkertainen bloggausalusta. Ghostin takana olevat tekijät ovat menneet pitkälle, jotta kaikki bloggausprosessiin lisätyt haasteet poistetaan ja rakentamme yksinkertaisen ja nopean julkaisualustan, joka saa työn. Se on aivan erilainen peto.

Se toimii filosofia, jonka mukaan bloggaamisen CMS: n pitäisi tehdä yksi asia ja tehdä se hyvin. Et näe mitään tällä alustalla julkaistuja lehtiä ilman paljon räätälöintiä. Se on blogi, ja sen kääntäminen mihinkään muuhun voisi kukistaa sen tarkoituksen.

Sitten on olemassa se, että se on rakennettu uusiin teknologioihin. Ghost on rakennettu Node.js , joka suorittaa JavaScript-koodin palvelimella selaimen sijasta. Sitä rakastavat samoja ihmisiä, jotka rakastavat PaaS-palvelua, ja kaikki nämä uudet järjestelmät, joita ihmiset, kuten minä, kamppailevat ymmärtämään. Tietyllä tavalla se on ollut tulevasta vedosta. Se on osa CMS: n uuden sukupolven ensimmäistä sukupolvea.

Huomaa bloggaajien näkökulmasta, että se on vain yksinkertainen käyttöliittymä bloggaamiseen. Loppukäyttäjän näkökulmasta mikään ei todellakaan ole muuttunut, paitsi oletuksena blogin teema näyttää hieman "tasolta". Mutta hupun alla, näemme jotain aivan uutta, ja se on hyvä asia.

Ghostin asennus (helppokäyttöinen)

Ghostin asentaminen on helppoa.

Tyypillisesti sinun on asennettava osa tai kaksi erikseen, jotta Ghost asennetaan ja toimii paikallisessa koneessa. Sinun pitää asentaa Node.js, ja sitten sinun pitää mennä sisään ja aloittaa muutaman ylimääräisen solmupaketin asennus manuaalisesti komentoriviltä.

Se on oikein, Ghostin tyypillinen asennus edellyttää komentoriviltä. Jos ihmiset käyttävät enemmän WordPressin "viiden minuutin asennuksen" prosessia MySQL-tietokannoissa ja graafisessa asennuksessa, tämä saattaa olla epämukavaa.

Se voi olla niskaan kohdistuva kipu, jos et ole tottunut käyttämään komentoriviltä Mac- tai Linux-koneita.

Onneksi, kaltaisia ​​ihmisiä yli Bitnami Graafiset asennusohjelmat Windows, Mac ja Linuxille.

Seuraavassa on kaikki vaiheet, joita sinun on noudatettava:

  1. Lataa käyttöjärjestelmäsi sopiva asennusohjelma täältä: https://bitnami.com/stack/ghost/installer
  2. Kun suoritat asennusohjelman, anna seuraavat tiedot: paikka, johon haluat asentaa, mitä kirjautumistietoja haluat käyttää blogissa ja mitä IP-osoitetta haluat käyttää testaukseen. (Suosittelen 127.0.0.1 .)
  3. Suorita asia ja aloita pelaaminen. Siinä on viileä ohjauspaneeli ja aloitusvalikkokohta.

Koska asennusohjelma tarjoaa sinulle kaikki tarvittavat komponentit, kuten Node.js ja mini-palvelin, tiedostohakemisto ei ole aivan suoraviivaista.

Sinun täytyy avata minkä tahansa kansion, johon olet asentanut Ghostin, ja siirry sovelluksiin / ghost / htdocs / . Se on todellinen Ghost-asennus.

Teemat sijaitsevat apps / ghost / htdocs / content / themes / .

Teeman tekeminen Ghostille

Ghost-teemoja on melko helppo tehdä, kunhan tiedät HTML ja CSS. Tietämyksen ohjelmointi on hyödyllistä, mutta ei ehdottoman välttämätöntä. Ghostin mallintamisjärjestelmä on yksinkertainen ja jopa melko intuitiivinen, jos olet rakentanut aiheita WordP: lle ... ahemille, muille CMS: lle ennen.

Tiedän tiedän. Vertailu WordPressiin on vanha. Mutta yksi ohjelmisto on hallitsanut markkinoita jo vuosia - aivan kuten Photoshopilla on kuvat - vertailut ovat väistämätöntä. Tässä tapauksessa ne ovat jopa hyödyllisiä.

Ihmiset, jotka ovat rakentaneet WordPress-teemoja, löytävät osan tiedostorakenteesta ja mallinnuskielestä tuttuun, mutta paljon yksinkertaisempaan. WordPressin PHP-toiminnot antavat sinulle paljon joustavuutta; mutta ne myös vaikeuttavat teemakoodausprosessia.

Ghostin mallipohjajärjestelmä (rakennettu Ohjaustanko ), on semanttinen, voimakas ja paljon luettavampi kuin raaka PHP-toiminnot, joihin olemme tottuneet työskentelemään. Henkilökohtaisesti olen vain helpompi käyttää.

Toisaalta se on tarkoitettu vain blogien rakentamiseen. Sinun ei tule rakentaa hybridi-uutissivustoa / sosiaalista verkostoa / foorumia tämän asian kanssa. Yksinkertaisempi, mutta rajoitettu. Tämä on kompromissi, joka on kiinteä koko alustalle.

Luominen Ghostin perusteeman.

Teeman määrittäminen

Nyt, jos olet katsonut videota (sinun pitäisi todella), tiedät perusteet. Sinulla on Ghost-asennus kehitystilassa, ja sinulla on hyvin, hyvin rajoitettu teema, johon kannattaa työskennellä.

Tiivistettäessä teknisesti tarvitset vain kolme tiedostoa Ghost-teeman tekemiseen:

index.hbs (This template will list your posts)post.hbs (This will display a single post)package.json (This contains theme information)

On kuitenkin muita perusmalleja, joita luultavasti haluat sisällyttää. Voit luonnollisesti luoda omia malleja sivuille, viesteille, kirjoittajille, tunnisteille ja muille. Saamme kaiken tämän ajan mittaan.

Haluan nyt keskittyä vain perusasioihin: teeman rakenne, laajennukset mallitiedostoihin ja missä laitan kaikki HTML: n. Tämä tarkoittaa, että lisätään joitain ylimääräisiä tiedostoja ja kansioita Ghost-teemamme päälle. Katsotaanpa tarkistettua rakennetta:

default.hbsindex.hbspage.hbspost.hbspackage.jsonassets/css/images/javascript/partials/ (Just examples, here. Not required.)navigation.hbsloop.hbs

default.hbs toimii teemasi perustana. teidän , , ja Tunnisteet menevät tänne. Jokainen muu malli tulee esille tämän "sisäpuolelle". Nyt sinun ei tarvitse tehdä niin tällä tavalla; mutta se on tavanomainen käytäntö ja Ghost suosittelee hyvin.

page.hbs on juuri se, mitä se on, staattisten sivujen malli. Omaisuuskansio on melko itsestään selvä.

Osat / kansio on se paikka, jossa pidät bittiä ja koodia, joita käytät useammin kuin kerran, eri malleissa. Esimerkiksi navigation.hbs voi sisältää sivustosi nimen / logon ja ensisijaisen navigoinnin. loop.hbs saattaa tuottaa luettelon viesteistä, joilla on jokin yleinen HTML ja muotoilu. Tätä voitaisiin käyttää useilla paikoilla sivustolla.

Sekoitus kahvat ja HTML

Joten kerromme sinulle, kuinka yksinkertainen mallinnus voi olla. Ensin määritämme default.hbs- tiedoston:

{{! Here we see the functions for page titles and descriptions. }}{{meta_title}}{{! Anything in the assets/ folder can be easily linked to, like so: }}{{! This function here outputs meta keywords, some styling information, stuff like that. }}{{ghost_head}}
{{! Any .hbs file in the partials folder can be called in like this. }}{{> header}}{{! This is where the content of all the sub-templates will be output. }}{{{body}}}{{! Like ghost_head, this outputs scripts, data, that sort of thing. Currently adds a link to jQuery by default. }}{{ghost_foot}}

Luo nyt navigation.hbs- malli, koska se tulee olemaan jokaisella sivulla:

Nyt aiomme sitoa sen kaikki yhdessä index.hbs- mallin kanssa, joka toimii myös kotisivulta, ellei toisin määrätä. Sen koodi, koska olemme jakaneet ja organisoineet useimmat HTML-sivut muualla, on hyvin yksinkertainen:

{{!< default}}{{! That isn't a comment up there. It tells Ghost that everything on this page must be rendered inside the default.hbs template.}}
{{! This next function can be used to call in anything in the partials/ folder. In this case, we're calling up everything we just put into "loop.hbs". }}{{> loop}}

johtopäätös

Ja se on se. Kerroin, että se oli yksinkertainen!

Jos sinulla on ongelmia, tutustu Ghostin oletusaiheeseen ja dokumentointi . Pelata HTML: llä, pelata mallipohjajärjestelmällä ja aloittaa tyylisi teemasi.

Seuraavan kerran kaivamme hieman syvemmälle. Sillä välin hauskaa!

Esitetty kuva käyttää Ghost-kuva kautta Shutterstock.