Du har sikkert hørt om Spøkelse , den nye ish blogging plattformen som er tatt blogging verden med storm; det er enkelt, det er slankt, det er sexy; Det har det som live-forhåndsvisning. Hva er det ikke å like?
Jeg flytter til Spøkelse , som mange webdesignere, fra en WordPress-bakgrunn. Men før jeg faktisk klarte å bryte hodet mitt rundt WordPress 'malfunksjoner, hadde jeg prøvd dusinvis, kanskje hundrevis av CMS-alternativer. Noen av de mer minneverdige inkluderer Expression , Textpattern , de fattige FrogCMS , et gammelt gammelt skript kalt CuteNews , og mange flere.
I lang tid ga WordPress meg alt jeg trengte: kraftige malfunksjoner; en endeløs tilførsel av plugins; bare se hva jeg kunne gjøre.
Men WordPress har vært en pokker av mye mer enn en blogging motor for en tid nå. Det beveger seg jevnt i retning av rammen på rammen på noen måter. En publiseringsramme, hvis du vil.
Jeg har nådd det punktet der jeg vil ha programvare som blogger, og det er det. Jeg vil skrive innleggene mine i Markdown , skriv inn noen søkeord, legg til et bilde eller to, og trykk publiser, så glem alt.
Det viser seg at jeg ikke er alene i mitt ønske om en død-enkel blogging-plattform. Skaperne bak Ghost har gått i stor lengde for å fjerne alle de råene vi har lagt til bloggingprosessen, og bygge en enkel, rask publiseringsplattform som vil få jobben gjort. Det er et helt annet dyr.
Den opererer på filosofien om at et CMS for blogging skal gjøre en ting, og gjøre det bra. Du vil ikke se noen magasiner lansert på denne plattformen uten mye tilpasning. Det er en blogg, og å slå det inn i noe annet ville slags beseire sin hensikt.
Deretter er det faktum at den er bygget på ny teknologi. Ghost er bygget på node.js , som kjører JavaScript-kode på serveren i stedet for i nettleseren. Det er elsket av de samme personene som elsker PaaS hosting, og alle disse nye systemene som folk liker meg, sliter med å forstå. På en måte har det vært fremtidssikret fra get-go. Det er en del av den første generasjonen av en ny ras av CMS.
Tenk deg, fra bloggerperspektivet, er det bare et enkelt grensesnitt for blogging. Fra sluttbrukerens perspektiv, er ingenting virkelig endret, bortsett fra kanskje standardblogg temaet ser litt "flat" ut. Men under hetten ser vi noe helt nytt, og det er en god ting.
Installere Ghost den enkle måten.
Vanligvis må du installere en komponent eller to separat for å få Ghost installert og kjører på en lokal maskin. Du må installere Node.js, og du må da gå inn og begynne å installere noen ekstra Node-pakker manuelt fra kommandolinjen.
Det stemmer, det typiske oppsettet for Ghost krever bruk av kommandolinjen. For folk som er vant til WordPress '"fem minutters oppsett" -prosess med MySQL-databaser og et grafisk installasjonsprogram, kan dette være ubehagelig.
Det kan være en smerte i nakken hvis du ikke er vant til å bruke kommandolinjen på en Mac eller Linux-maskin.
Heldigvis, de hyggelige menneskene over på Bitnami laget grafiske installatører for Windows, Mac og Linux.
Her er alle trinnene du må følge:
Siden installasjonsprogrammet gir deg alle komponentene du trenger, for eksempel Node.js og en miniserver, er filkatalogen ikke helt grei.
Du må åpne hvilken mappe du har installert Ghost in, og deretter navigere til apps / spøkelse / htdocs / . Det er den faktiske Ghost-installasjonen.
Temaene ligger i apps / spøkelse / htdocs / innhold / temaer / .
Ghost-temaer er ganske enkle å lage, så lenge du vet HTML og CSS. Programmering av kunnskap er nyttig, men ikke strengt nødvendig. Ghosts templating system er enkelt, og til og med ganske intuitivt, hvis du har bygget temaer for WordP ... ahem, andre CMSs før.
Jeg vet jeg vet. Sammenligningen til WordPress er gammel. Men den ene delen av programvaren har dominert markedet i mange år - akkurat som Photoshop har for bilder - sammenligningene er uunngåelige. I dette tilfellet er de til og med nyttige.
Folk som har bygget WordPress-temaer, vil finne noe av filstrukturen og templerende språk for å være kjent, men mye enklere. WordPress 'PHP-funksjoner gir deg stor fleksibilitet; men de kompliserer også temakodingsprosessen.
Ghosts templeringssystem (bygget med Styre ), er semantisk, kraftig og mye mer lesbar enn de røde PHP-funksjonene som vi er vant til å jobbe med. Personlig finner jeg bare det mye enklere å bruke.
På den annen side er det bare ment å bygge blogger. Du vil ikke bygge et hybrid nyhetsnettsted / sosialt nettverk / forum med denne tingen. Enkelere, men begrenset. Det er avhendigheten som ligger i hele plattformen.
Opprette et grunnleggende tema for Ghost.
Nå, hvis du har sett videoen (du virkelig burde), vet du det veldig grunnleggende. Du vil ha Ghost-installasjonen din i utviklingsmodus, og du vil ha et veldig, veldig begrenset tema å jobbe med.
For å samle teknisk, trenger du bare tre filer for å lage et Ghost-tema:
index.hbs (This template will list your posts)post.hbs (This will display a single post)package.json (This contains theme information)
Det er imidlertid andre grunnleggende maler som du sannsynligvis vil inkludere. Du kan selvfølgelig opprette egendefinerte maler for sider, innlegg, forfattere, koder og mer. Vi kommer til alt det over tid.
For nå vil jeg bare fokusere på det grunnleggende: temastruktur, utvide malfiler, og hvor å sette hele HTML-koden. Dette betyr å legge til noen ekstra filer og mapper til Ghost-temaet der oppe. La oss ta en titt på den reviderte strukturen:
default.hbsindex.hbspage.hbspost.hbspackage.jsonassets/css/images/javascript/partials/ (Just examples, here. Not required.)navigation.hbsloop.hbs
default.hbs vil fungere som grunnlag for temaet ditt. Din ,
, og Tagger vil gå her. Hver annen mal vil bli gjengitt "innsiden" av denne. Nå trenger du ikke å gjøre det på denne måten; men det er standard praksis, og kommer sterkt anbefalt av Ghost devs seg selv.page.hbs er akkurat det du tror det er, malen for statiske sider. Aktivitetsmappen er ganske selvforklarende.
Delvis / mappen er hvor du vil beholde biter og koden du bruker mer enn én gang, på ulike maler. For eksempel kan navigasjon.hbs inkludere nettstednavnet / logoen og primærnavigasjonen. loop.hbs kan sende en liste over innlegg med litt generisk HTML og styling. Dette kan brukes på en rekke steder på nettstedet.
Så la oss vise deg nøyaktig hvor enkelt templeringen kan være. Først oppretter vi vår default.hbs- fil:
{{! 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}}
La oss nå lage navigasjon.hbs- malen, fordi det kommer til å være på hver side:
{{! This should be fairly self-explanatory. }} {{@blog.title}}
{{! Each post excerpt will be displayed with this same markup. }}{{#foreach posts}}» {{/for hver}}{{! Lenker til neste og forrige side med lenker. Du kan definere hvor mange koblinger som er på hver side i administrasjonspanelet. }} {{Paginering}}
Nå skal vi knytte alt sammen med index.hbs mal, som også vil fungere som hjemmesiden, med mindre du spesifiserer noe annet. Koden for dette, se hvordan vi har delt og organisert det meste av HTML-en annen steder, er veldig enkel:
{{!< 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}}
Og det er det. Fortalte deg at det var enkelt!
Hvis du har problemer, sjekk ut Ghosts standard tema, og dokumentasjon . Spill med HTML, spill med malsystemet, og start styling temaet ditt.
Neste gang skal vi grave litt dypere. I mellomtiden ha det gøy!