ربما سمعت عنه شبح ، منصة التدوين الجديدة التي أخذت عالم التدوين من العاصفة ؛ انها بسيطة ، انها أنيقة ، انها مثيرة. انها حصلت على هذا الشيء المعاينة الحية. ما الذي لا يعجبك؟
أنا أذهب إلى شبح ، مثل العديد من مصممي الويب ، من خلفية WordPress. ولكن قبل أن أتمكن من التفاف رأسي وورد "وظائف القالب ، لقد حاولت عشرات وربما مئات من خيارات CMS. بعض من أكثر لا تنسى تشمل ExpressionEngine ، Textpattern ، المشؤوم FrogCMS ، قديمة ، النصي القديم يسمى CuteNews ، و أكثر من ذلك بكثير.
لفترة طويلة أعطتني WordPress كل ما أحتاجه: وظائف القوالب القوية؛ إمدادات لا نهاية لها من المكونات الإضافية ؛ مجرد رؤية ما يمكنني القيام به.
لكن WordPress كان أكثر من مجرد محرك تدوين لبعض الوقت. إنها تتحرك بثبات نحو عالم الإطار من بعض النواحي. إطار النشر ، إذا صح التعبير.
لقد وصلت إلى النقطة التي أريد برنامجًا مدونًا بها ، وهذا كل شيء. أريد أن أكتب مشاركاتي في تخفيض السعر ، اكتب بعض الكلمات الرئيسية ، أضف صورة أو اثنتين ، واضغط على النشر ، ثم انسى الأمر كله.
اتضح أنني لست وحيدا في رغبتي في منصة تدوين بسيطة ميتة. لقد بذل المبدعون وراء Ghost جهدًا كبيرًا لإبعاد جميع المهام التي قمنا بإضافتها إلى عملية التدوين ، وبناء منصة نشر بسيطة وسريعة ستنجز المهمة. إنه وحش مختلف تمامًا.
تعمل على فلسفة أن CMS للتدوين يجب أن تفعل شيء واحد ، وتقوم بذلك بشكل جيد. لن ترى أي مجلات تم إطلاقها على هذه المنصة دون الكثير من التخصيص. انها بلوق ، وتحويلها إلى أي شيء آخر من شأنه أن نوع من هزيمة غرضها.
ثم ، هناك حقيقة أنها مبنية على تقنيات جديدة. شبح مبني على نود.جي إس الذي ينفذ شفرة جافا سكريبت على الخادم وليس في المتصفح. إنه محبوب من نفس الأشخاص الذين يحبون استضافة PaaS ، وكل هذه الأنظمة الجديدة التي يناضل مثلي من أجل فهمها. بمعنى ما ، تم إثباته مستقبلاً من البداية. انها جزء من الجيل الأول من سلالة جديدة من CMS.
ضع في اعتبارك ، من وجهة نظر المدون ، إنها مجرد واجهة بسيطة للتدوين. من منظور المستخدم النهائي ، لم يتغير شيء ما باستثناء ربما يبدو مظهر المدونة الافتراضية قليلاً "مسطحة". لكن تحت غطاء المحرك ، نرى شيئًا جديدًا تمامًا ، وهذا أمر جيد.
تثبيت Ghost بطريقة سهلة.
عادة ، يجب تثبيت مكون أو اثنتين بشكل منفصل للحصول على Ghost مثبتًا ويعمل على جهاز محلي. سيكون عليك تثبيت Node.js ، ومن ثم يجب عليك الدخول والبدء في تثبيت بعض حزم Node الإضافية يدويًا من سطر الأوامر.
هذا صحيح ، يتطلب الإعداد النموذجي لـ Ghost استخدام سطر الأوامر. بالنسبة للأشخاص الأكثر استخدامًا لعملية "الإعداد لمدة خمس دقائق" في WordPress مع قواعد بيانات MySQL ومثبّت رسومي ، قد يكون هذا غير مريح.
قد يكون ألمًا في الرقبة إذا لم تكن معتادًا على استخدام سطر الأوامر على جهاز Mac أو Linux.
لحسن الحظ ، فإن الناس الطيبين في [اضغط على مواصلة تم إجراء عمليات تثبيت رسومية لنظام التشغيل Windows و Mac و Linux.
إليك جميع الخطوات التي ستحتاج إلى اتباعها:
بما أن المثبت يوفر لك جميع المكونات التي ستحتاج إليها ، مثل Node.js و mini-server ، فإن دليل الملف ليس واضحًا تمامًا.
ستحتاج إلى فتح أي مجلد قمت بتثبيت Ghost فيه ، ثم الانتقال إلى apps / ghost / htdocs / . هذا هو التثبيت الفعلي للشبح.
توجد الموضوعات في التطبيقات / ghost / htdocs / content / themes / .
من السهل جدًا إنشاء مظاهر الشبح ، طالما أنك تعرف HTML و CSS. معرفة البرمجة مفيدة ، ولكنها ليست ضرورية للغاية. نظام Ghost's templating بسيط ، وحتى بديهي إلى حد ما ، إذا كنت قد بنيت موضوعات لـ WordP… ahem ، CMSs من قبل.
اعلم اعلم. المقارنة مع WordPress قديمة. ولكن هذا البرنامج قد هيمن على السوق لسنوات عديدة - مثله مثل فوتوشوب للصور - فإن المقارنات أمر لا مفر منه. في هذه الحالة ، فهي مفيدة.
سيجد الأشخاص الذين قاموا ببناء موضوعات WordPress أن يكون بعض من بنية الملف واللغة المجددة مألوفين ، على الرغم من أنها أبسط بكثير. تمنحك وظائف WordPress 'PHP الكثير من المرونة. لكنها أيضا تعقيد عملية الترميز الموضوع.
نظام Ghost's templating (بني مع المقاود ) ، هي الدلالة ، قوية ، وأكثر قابلية للقراءة من وظائف PHP الخام التي اعتدنا على العمل معها. أنا شخصياً أجد أنه أسهل بكثير في الاستخدام.
من ناحية أخرى ، يقصد بها فقط بناء المدونات. لن تقوم ببناء موقع / شبكة / منتدى إجتماعي مختلط مع هذا الشيء. أبسط ، ولكن محدودة. هذا هو المفاضلة الكامنة في النظام الأساسي بأكمله.
خلق موضوع أساسي للشبح.
الآن ، إذا شاهدت الفيديو (يجب عليك فعلاً) ، ستعرف الأساسيات. سيكون لديك تثبيت Ghost في وضع التطوير ، وسيكون لديك موضوع محدود للغاية للعمل معه.
للتلخيص ، تحتاج من الناحية الفنية إلى ثلاثة ملفات فقط لإنشاء مظهر Ghost:
index.hbs (This template will list your posts)post.hbs (This will display a single post)package.json (This contains theme information)
ومع ذلك ، هناك قوالب أساسية أخرى ربما تريد تضمينها. يمكنك ، بالطبع ، إنشاء قوالب مخصصة للصفحات والمشاركات والمؤلفين والعلامات وغير ذلك. سنصل إلى كل ذلك بمرور الوقت.
الآن ، أريد التركيز فقط على الأساسيات: بنية الموضوع ، توسيع ملفات القوالب ، ومكان وضع كل HTML. هذا يعني إضافة بعض الملفات والمجلدات الإضافية إلى موضوع الشبح لدينا. دعونا نلقي نظرة على الهيكل المنقح:
default.hbsindex.hbspage.hbspost.hbspackage.jsonassets/css/images/javascript/partials/ (Just examples, here. Not required.)navigation.hbsloop.hbs
سوف default.hbs بمثابة أساس الموضوع الخاص بك. ك ،
و سوف العلامات تذهب هنا. سيتم تقديم كل قالب آخر "داخل" هذا النموذج. الآن ، ليس عليك القيام بذلك بهذه الطريقة ؛ ولكنه ممارسة معتادة ، ويوصى به بشدة بواسطة Ghost devs أنفسهم.page.hbs هو بالضبط ما تعتقد أنه هو ، قالب الصفحات الثابتة. مجلد الأصول هو إلى حد ما لا تحتاج إلى شرح.
يكون المجلد / المجلد هو المكان الذي تحتفظ فيه بتات وأجزاء من التعليمات البرمجية التي تستخدمها أكثر من مرة ، في قوالب متعددة. على سبيل المثال ، قد تتضمن navigation.hbs اسم / شعار الموقع والملاحة الأساسية. loop.hbs قد يخرج قائمة بالمشاركات مع بعض HTML العام والتصميم. يمكن استخدام هذا في عدد من الأماكن على الموقع.
لذا دعنا نريكم بالضبط كيف يمكن أن يكون البناء بسيطًا. أولاً ، سنقوم بإعداد ملف 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}}
لنقم الآن بإنشاء قالب navigation.hbs ، لأن ذلك سيكون موجودًا في كل صفحة:
{{! This should be fairly self-explanatory. }} {{@blog.title}}