Du har sikkert hørt om Spøgelse , den new-ish blogging platform, der er taget blogging verden med storm; det er simpelt, det er slankt, det er sexet; den har det levende udseende. Hvad kan man ikke lide?
Jeg flytter til Spøgelse , ligesom mange webdesignere, fra en WordPress-baggrund. Men før jeg faktisk klare at pakke mit hoved rundt WordPress 'skabelon funktioner, havde jeg forsøgt snesevis, måske hundredvis af CMS-muligheder. Nogle af de mere mindeværdige omfatter ExpressionEngine , Textpattern den dårlige FrogCMS , et gammelt gammelt script kaldet CuteNews , og mange flere.
I lang tid gav WordPress mig alt, hvad jeg havde brug for: kraftige skabelonfunktioner; en endeløs forsyning af plugins; bare se hvad jeg kunne gøre.
Men WordPress har været en hel del mere end en bloggingmotor i nogen tid nu. Det bevæger sig støt mod rammens rige på nogle måder. En udgivelsesramme, hvis du vil.
Jeg har nået det punkt, hvor jeg vil have software, der blogger, og det er det. Jeg vil skrive mine indlæg i markdown , skriv nogle søgeord, tilføj et billede eller to, og tryk på udgivelse, så glem alt om det hele.
Viser sig, at jeg ikke er alene i mit ønske om en død-enkel blogging platform. Skaberne bag Ghost har gået langt for at fjerne alle de råvarer, vi har tilføjet til bloggingprocessen, og opbygge en enkel og hurtig udgivelsesplatform, der får jobbet gjort. Det er et helt andet dyr.
Det opererer på den filosofi, at et CMS for blogging skal gøre en ting, og gøre det godt. Du vil ikke se nogen blade, der er lanceret på denne platform uden en masse tilpasning. Det er en blog, og omdanne det til noget andet ville være at besejre dets formål.
Så er der det faktum, at det er bygget på nye teknologier. Ghost er bygget på node.js , som udfører JavaScript-kode på serveren i stedet for i browseren. Det er elsket af de samme mennesker, der elsker PaaS hosting, og alle disse nye systemer, som folk som mig kæmper for at forstå. På en måde har det været fremtidssikret fra get-go. Det er en del af den første generation af en ny CMS-race.
Mind dig, fra bloggerperspektivet er det bare en simpel grænseflade til blogging. Fra slutbrugerens perspektiv ændres intet rigtigt, medmindre måske standardblogttemaet ser lidt "fladt ud". Men under emhætten ser vi noget helt nyt, og det er en god ting.
Installere Ghost den nemme måde.
Normalt skal du installere en komponent eller to separat for at få Ghost installeret og kørende på en lokal maskine. Du skal installere Node.js, og så skal du gå ind og begynde at installere nogle ekstra Node-pakker manuelt fra kommandolinjen.
Det er rigtigt, den typiske opsætning for Ghost kræver brug af kommandolinjen. For folk mere vant til WordPress '"fem minutters opsætning" -proces med MySQL-databaser og et grafisk installationsprogram, kan det være ubehageligt.
Det kan være en smerte i nakken, hvis du ikke er vant til at bruge kommandolinjen på en Mac eller Linux-maskine.
Heldigvis er de venlige mennesker over på Bitnami lavet grafiske installationsprogrammer til Windows, Mac og Linux.
Her er alle de trin, du skal følge:
Da installationsprogrammet indeholder alle de komponenter, du har brug for, f.eks. Node.js og en mini-server, er filkataloget ikke ligefrem ligetil.
Du skal åbne hvilken mappe du har installeret Ghost i, og derefter navigere til apps / spøgelse / htdocs / . Det er den egentlige Ghost-installation.
Temaerne er placeret i apps / spøgelse / htdocs / indhold / temaer / .
Ghost-temaer er ret nemme at lave, så længe du kender HTML og CSS. Programmering af viden er nyttig, men ikke strengt nødvendigt. Ghosts templating system er simpelt og endda ret intuitivt, hvis du har opbygget temaer til WordP ... ahem, andre CMS'er før.
Jeg ved det ved jeg. Sammenligningen til WordPress er gammel. Men den ene smule software har domineret markedet i årevis - ligesom Photoshop har til billeder - sammenligningerne er uundgåelige. I dette tilfælde er de endda nyttige.
Folk, der har opbygget WordPress-temaer, vil finde nogle af filstrukturen og det templerende sprog at være bekendt, men meget enklere. WordPress 'PHP-funktioner giver dig en masse fleksibilitet; men de komplicerer også temakodingsprocessen.
Ghost's templating system (bygget med styr ), er semantisk, kraftfuld og meget læsbar end de rå PHP-funktioner, som vi er vant til at arbejde med. Personligt finder jeg det meget lettere at bruge.
På den anden side er det kun beregnet til at bygge blogs. Du vil ikke bygge et hybrid nyhedssite / socialt netværk / forum med denne ting. Enklere, men begrænset. Det er den afvejning, der er forbundet med hele platformen.
Oprettelse af et grundlæggende tema for Ghost.
Nu, hvis du har set videoen (du burde virkelig), kender du de meget grundlæggende. Du vil have din Ghost-installation i udviklingsmodus, og du har et meget, meget begrænset tema at arbejde med.
For at genskabe, har du kun teknisk brug for tre filer til at lave 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)
Der er dog andre grundlæggende skabeloner, som du sandsynligvis vil medtage. Du kan selvfølgelig oprette brugerdefinerede skabeloner til sider, indlæg, forfattere, tags og meget mere. Vi kommer til alt det over tid.
For nu vil jeg gerne fokusere på kun det grundlæggende: temastruktur, udvidelse af skabelonfiler, og hvor man skal sætte hele HTML'en. Dette betyder at tilføje nogle ekstra filer og mapper til vores Ghost tema deroppe. Lad os se på den reviderede struktur:
default.hbsindex.hbspage.hbspost.hbspackage.jsonassets/css/images/javascript/partials/ (Just examples, here. Not required.)navigation.hbsloop.hbs
default.hbs vil fungere som grundlag for dit tema. Din ,
, og tags vil gå her. Hver anden skabelon vil blive gjort 'inde' af denne. Nu behøver du ikke gøre det på denne måde; men det er standard praksis, og det anbefales stærkt af Ghost devs selv.page.hbs er præcis, hvad du synes, det er, skabelonen for statiske sider. Aktivitetsmappen er ret selvforklarende.
Partial / mappen er, hvor du vil beholde bits og stykker kode, du bruger mere end én gang, på forskellige skabeloner. For eksempel kan navigation.hbs omfatte dit websted / logo og primærnavigation. loop.hbs kan udgive en liste over indlæg med nogle generiske HTML og styling. Dette kunne bruges på en række steder på webstedet.
Så lad os vise dig præcis, hvor simpelt det templerende kan være. Først opretter vi vores 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}}
Lad os nu oprette navigation.hbs- skabelonen, fordi det kommer til at 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}}{{! Links til de næste og forrige sider af links. Du kan definere, hvor mange links der findes på hver side i admin panelet. }} {{Sidetal}}
Nu skal vi knytte det hele sammen med index.hbs- skabelonen, som også fungerer som hjemmesiden, medmindre du angiver andet. Koden for dette, da vi har set, hvordan vi har opdelt og organiseret det meste af HTML'en andetsteds, er meget enkle:
{{!< 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 dig det var simpelt!
Hvis du har problemer, skal du tjekke Ghosts standardtema og dokumentation . Spil med HTML, spil med skabelonsystemet, og start styling dit tema.
Næste gang graver vi lidt dybere. I mellemtiden have det sjovt!