gatsby ghost simply
v1.0.0
قالب أولي لإنشاء مواقع ويب سريعة للغاية باستخدام Ghost (مثل نظام إدارة المحتوى بدون رأس في هذه الحالة) وGatsby، باستخدام سمة Simple Ghost الممتازة. تمت إعادة كتابته من سمة المقاود إلى React/Gatsby.
العرض التوضيحي: https://gatsby-ghost-simply.netlify.app/
custom_template !)custom_template !)custom_template !)custom_template !) # With Gatsby CLI
gatsby new gatsby-starter-ghost https://github.com/anarion80/gatsby-ghost-simply.git # From Source
git clone https://github.com/anarion80/gatsby-ghost-simply.git
cd gatsby-ghost-simplyثم قم بتثبيت التبعيات
yarnابدأ تشغيل خادم التطوير. لديك الآن موقع Gatsby يسحب المحتوى من Ghost مقطوعة الرأس. لا تحتاج إلى تثبيت Simply Ghost Theme الأصلي في مثيل Ghost الخاص بك، ولا تحتاج إلى إعداد أي مسارات إضافية هناك.
gatsby developافتراضيًا، سيقوم المبتدئ بملء المحتوى من تثبيت Ghost الافتراضي الموجود على https://gatsby.ghost.io.
لاستخدام التثبيت الخاص بك، ستحتاج إلى تحرير ملف التكوين .ghost.json باستخدام بيانات الاعتماد الخاصة بك. قم بتغيير قيمة apiUrl إلى عنوان URL لموقع Ghost الخاص بك. بالنسبة لعملاء Ghost(Pro)، هذا هو عنوان URL الخاص بـ Ghost الذي ينتهي بـ .ghost.io ، وبالنسبة للأشخاص الذين يستخدمون الإصدار المستضاف ذاتيًا من Ghost، فهو نفس عنوان URL المستخدم للوصول إلى موقعك.
بعد ذلك، قم بتحديث قيمة contentApiKey إلى مفتاح مرتبط بموقع Ghost. يمكن توفير المفتاح عن طريق إنشاء تكامل داخل Ghost Admin. انتقل إلى عمليات التكامل وانقر على "إضافة تكامل جديد". قم بتسمية التكامل بشكل مناسب وانقر فوق "إنشاء".
{
"apiUrl" : " https://gatsby.ghost.io " ,
"contentApiKey" : " 9cc5c67c358edfdd81455149d0 "
} أخيرًا، قم بتكوين عنوان URL المطلوب في siteConfig.js ، بحيث يتم إنشاء الروابط (مثل الروابط الأساسية) بشكل صحيح. يجب عليك أيضًا تحديث القيم الأخرى اللازمة للقائمة والمشاركة الاجتماعية والبحث.
{
menuDropdown : [
{
label : `About` ,
url : `/about` ,
} ,
.
.
.
] ,
followSocialMedia : [
{
service : `youtube` ,
title : `YOUR_TITLE` ,
url : `YOUR_URL` ,
} ,
.
.
.
] ,
searchSettings : {
key : `YOUR_GHOST_API_KEY` ,
url : `YOUR_GHOST_URL` ,
/* This is optional */
options : {
keys : [ `title` , `plaintext` ] ,
limit : 10 ,
} ,
/* This is optional to perform filtering of the ghost api */
api : {
resource : `posts` ,
parameters : {
limit : `all` ,
fields : [ `title` , `slug` , `plaintext` ] ,
filter : `` ,
include : `` ,
order : `` ,
formats : `` ,
} ,
} ,
} ,
} لاستخدام قوالب منشورات مخصصة، قم بإضافة علامة داخلية معينة إلى المنشور (على سبيل المثال #custom-post-wide ، #custom-kusi-doc ، وما إلى ذلك).
العرض التوضيحي والريبو هو "الإصدار الأقصى" مع جميع الأنواع الممكنة من متغيرات الصفحة الرئيسية، وقوالب النشر، والمحفظة، والمستندات، وما إلى ذلك. قم بضبط/إزالة حسب الحاجة.
يحتوي المبدئ على ثلاثة ملفات تكوين مخصصة للنشر مع Netlify. ملف netlify.toml لإعدادات البناء، وملف /static/_headers مع تعيين رؤوس الأمان الافتراضية لجميع المسارات، و /static/_redirects لتعيين عمليات إعادة توجيه المجال المخصص لـ Netlify.
للنشر في حساب Netlify الخاص بك، اضغط على الزر أدناه.
لا تعتبر مفاتيح Content API عمومًا معلومات حساسة، فهي موجودة بحيث يمكن تغييرها في حالة إساءة الاستخدام؛ لذا فإن معظم الأشخاص يلتزمون به مباشرة في ملف التكوين .ghost.json الخاص بهم. إذا كنت تفضل الاحتفاظ بهذه المعلومات خارج المستودع الخاص بك، فيمكنك إزالة هذا التكوين وتعيين متغيرات Netlify ENV لإصدارات الإنتاج بدلاً من ذلك.
بمجرد النشر، يمكنك إعداد Ghost + Netlify Integration لاستخدام خطافات النشر من Ghost لتشغيل عمليات إعادة بناء Netlify. بهذه الطريقة، في أي وقت تتغير فيه البيانات في Ghost، سيتم إعادة بناء موقعك على Netlify.
يمكنك تعطيل الواجهة الأمامية الافتراضية لموضوع Ghost Handlebars عن طريق تمكين علامة Make this site private ضمن إعدادات Ghost الخاصة بك. يؤدي ذلك إلى تمكين الحماية بكلمة مرور أمام تثبيت Ghost وتعيين <meta name="robots" content="noindex" /> بحيث تصبح واجهة Gatsby الأمامية مصدر الحقيقة لتحسين محركات البحث.
# Run a production build, locally
gatsby build
# Serve a production build, locally
gatsby serve يستخدم develop Gatsby تكوين development في .ghost.json - بينما يستخدم build Gatsby تكوين production .
حقوق الطبع والنشر (ج) 2021 anarion80 - تم إصدارها بموجب ترخيص GPLv3.
