Pravděpodobně jste o tom slyšela Duch , platforma new-ish bloggingu, která zaujala blogový svět bouří; je to jednoduché, je elegantní, je to sexy; má to tu živou náhled. Co se vám nelíbí?
Pohybuji Duch , jako mnoho webových návrhářů, z prostředí WordPress. Ale než se mi podařilo zabalit hlavu WordPress "šablony funkcí, jsem se snažil desítky, možná stovky, možností CMS. Některé z těch památnější patří ExpressionEngine , Textpattern , nešťastný FrogCMS , starý starý skript nazvaný CuteNews , a mnoho dalších.
WordPress mi dlouhou dobu dala vše, co jsem potřebovala: výkonné funkce šablony; nekonečná dodávka pluginů; jen vidět, co bych mohl udělat.
Ale WordPress je už nějaký čas mnohem víc než blogovací motor. V některých ohledech se neustále pohybuje směrem k říši. Publikační rámec, pokud chcete.
Dosáhl jsem bodu, kdy chci software, který blogy, a to je ono. Chci napsat své příspěvky Snížení , zadejte některé klíčová slova, přidejte jeden nebo dva obrázky a klepněte na tlačítko Publikovat a zapomeňte na celou věc.
Ukázalo se, že nejsem sám v mé touze po mrtvé jednoduché blogovací platformě. Tvůrci za Ghostem se vydali do značné míry, aby odstranili veškeré suroviny, které jsme přidali do blogovacího procesu, a vybudovali jsme jednoduchou, rychlou publikační platformu, která vám pomůže. Je to úplně jiná šelma.
Pracuje na filozofii, že CMS pro blogování by měl dělat jednu věc a udělat to dobře. Na této platformě se nebudou zobrazovat žádné časopisy bez velkého přizpůsobení. Je to blog a přeměna na něco jiného by trochu porazila svůj účel.
Pak je tu skutečnost, že je postavena na nových technologiích. Duch je postaven na Node.js , který spouští kód JavaScript na serveru spíše než v prohlížeči. Milují je stejní lidé, kteří milují PaaS hosting, a všechny tyto nové systémy, které lidé jako já, se snaží porozumět. V jistém smyslu je to od budoucího průjezdu zajištěno. Je to součást první generace nového plemene CMS.
Myslete na to, z pohledu bloggerů, je to jen jednoduché rozhraní pro blogování. Z hlediska koncového uživatele se nic opravdu nezměnilo, s výjimkou případů, kdy by výchozí téma blogu vypadalo trochu "ploché". Ale pod kapucí, vidíme něco zcela nového a to je dobrá věc.
Instalace Ghostu snadným způsobem.
Obvykle byste museli nainstalovat součást nebo dva samostatně, abyste mohli Ghost nainstalovat a spustit na místním počítači. Budete muset nainstalovat Node.js a pak byste museli jít dovnitř a začít instalovat některé extra balíčky Node ručně z příkazového řádku.
Správně, typické nastavení pro Ghost vyžaduje použití příkazového řádku. Pro lidi, kteří jsou více zvyklí na "pětiminutovou instalaci" aplikace WordPress s databázemi MySQL a grafickým instalátorem, to může být nepohodlné.
Mohlo by to být bolest v krku, pokud nejste zvyklí používat příkazovou řádku na počítači Mac nebo Linux.
Naštěstí jsou to přátelští lidé Bitnami grafické instalátory pro Windows, Mac a Linux.
Zde jsou všechny kroky, které budete muset dodržovat:
Vzhledem k tomu, že instalátor vám poskytne všechny součásti, které potřebujete, například Node.js a mini-server, adresář souborů není příliš přímý.
Budete muset otevřít libovolnou složku, ve které jste nainstalovali aplikaci Ghost, a pak přejděte do aplikace / ghost / htdocs / . To je skutečná instalace Ghost.
Témata se nacházejí v aplikacích / ghost / htdocs / content / themes / .
Duchové motivy jsou poměrně snadné, pokud znáte HTML a CSS. Programovací znalosti jsou užitečné, ale nejsou nezbytně nutné. Duchovský templovací systém je jednoduchý a dokonce i spíše intuitívní, pokud jste vytvořili témata pro WordP ... ahem, další CMS před tím.
Já vím, já vím. Srovnání s WordPress je staré. Ale ten malý software již roky dominuje na trhu - stejně jako Photoshop má pro obrazy - srovnání jsou nevyhnutelné. V tomto případě jsou dokonce užitečné.
Lidé, kteří vytvořili témata aplikace WordPress, najdou některé struktury souborů a templovací jazyk, aby byli obeznámeni, ačkoli mnohem jednodušší. PHP funkce WordPress vám dávají spoustu flexibility; ale také komplikují proces kódování témat.
Duchovský templářský systém (postavený s Řídítka ), je sémantický, výkonný a mnohem čitelnější než syrové funkce PHP, s nimiž jsme zvyklí pracovat. Osobně se mi zdá mnohem jednodušší používat.
Na druhou stranu se jedná pouze o budování blogů. Nebudete budovat hybridní zpravodajské místo / sociální síť / fórum s touto věcí. Jednodušší, ale omezené. To je kompromis vlastní v celé platformě.
Vytvoření základního tématu pro Ghost.
Nyní, pokud jste sledovali video (opravdu byste měli), budete znát základní věci. Budete mít instalaci Ghost v režimu vývoje a budete mít velmi, velmi omezené téma pro práci s.
Chcete-li rekapitulovat, stačí technicky potřebovat pouze tři soubory pro vytvoření tématu Duch:
index.hbs (This template will list your posts)post.hbs (This will display a single post)package.json (This contains theme information)
Existují však i jiné základní šablony, které pravděpodobně chcete zahrnout. Můžete samozřejmě vytvářet vlastní šablony pro stránky, příspěvky, autory, značky a další. K tomu se dostaneme v průběhu času.
Prozatím se chci zaměřit pouze na základní témata: struktura témat, rozšiřování souborů šablon a umístění všech HTML. To znamená přidání některých dalších souborů a složek do tématu Ghost tam. Podívejme se na revidovanou strukturu:
default.hbsindex.hbspage.hbspost.hbspackage.jsonassets/css/images/javascript/partials/ (Just examples, here. Not required.)navigation.hbsloop.hbs
default.hbs bude sloužit jako základ vašeho tématu. Vaše ,
, a tagy budou tady. Každá další šablona bude vykreslena "uvnitř" tohoto. Nyní nemusíte dělat to tak; ale je to obvyklá praxe a je velmi doporučována samotnými Duchy.page.hbs je přesně to, co si myslíte, že je to šablona pro statické stránky. Složka aktiv je poměrně samozřejmostí.
Součást / složka je místo, kde byste uchovávali kousky kódu, které používáte vícekrát, na různých šablonách. Například navigace.hbs může obsahovat název vašeho webu / logo a primární navigaci. loop.hbs může vygenerovat seznam příspěvků s nějakým obecným kódem HTML a stylingem. To může být použito v několika místech na webu.
Ukážeme vám tedy, jak přesně může být templování. Nejprve nastavíme soubor default.hbs :
{{! 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}}
Nyní vytvoříme šablonu navigation.hbs , protože to bude na každé stránce:
{{! This should be fairly self-explanatory. }} {{@blog.title}}
{{! Each post excerpt will be displayed with this same markup. }}{{#foreach posts}}» {{/pro každého}}{{! Odkazy na další a předchozí stránky odkazů. Můžete definovat, kolik odkazů jsou na každé stránce v administrátorském panelu. }}{{stránkování}}
Teď ji budeme svázat spolu s šablonou index.hbs , která bude sloužit i jako domovská stránka, pokud nestanovíte jinak. Kód, který vidíme, jak jsme rozdělili a organizovali většinu kódu HTML jinde, jsou velmi jednoduché:
{{!< 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}}
A to je vše. Říkal jsem vám, že to bylo jednoduché!
Pokud máte potíže, podívejte se na výchozí téma Ducha a dokumentace . Zahrajte si s HTML, hrajte se systémem šablon a začněte stylovat svůj motiv.
Příště budeme kopat trochu hlouběji. Mezitím se bavte!