قالب مدونة Gatsby
قالب لبناء مواقع ويب ثابتة باستخدام Gatsby.
الكود المصدري موجود في gatsby-starter-glass، مرحبًا بك لتجربته.
الميزات
- جاهز للاستخدام
- مترجم بالكامل
- يتضمن تعليقات Waline
- يتضمن تحليلات Google
- تحرير Markdown
النشر المحلي
# 1. استنساخ إلى المحليgit clone https://github.com/xiyizhou/gatsby-starter-glass.git
# 2. cd إلى الدليلcd gatsby-starter-glass
# 3. تثبيت التبعياتyarn install
# 4. بدء وضع التطويرyarn start
# 5. بناء نسخة الإنتاجyarn buildالتكوين
-
تكوين معلومات الموقع، معرف تحليلات Google، وما إلى ذلك في
gatsby-config.js. -
تكوين معلومات شريط التنقل العلوي في
src/components/header.js. -
تكوين معلومات شريط التنقل السفلي في
src/components/footer.js. -
تكوين معلومات Waline في
src/components/comment.js.
نشر المقالة
منشورات المدونة
تقع منشورات المدونة في content/blog. القالب كما يلي:
---title: تثبيت مكون تعليق Waline لـ Gatsbydate: 2021-11-17 08:08slug: gatsby-walinecategory: حياةtags: - حياةdescription: نظرًا لأن Waline ليس لديه مكون Gatsby بعد، أضف وظيفة تعليق Waline إلى موقع Gatsby عن طريق تثبيت مكتبة عميل Waline، وإنشاء مكون React، وإدخال المكون في الموقع المناسب.---
Gatsby هو إطار عمل لبناء مواقع ويب ثابتة يعتمد على react، والذي يمكن استخدامه لنشر المتاجر عبر الإنترنت والمواقع الرسمية والمدونات. باستخدام المكونات الإضافية الغنية، يمكن تحقيق وظائف مثل التحميل الكسول للصور، ودعم مستندات Markdown، وتعليقات الزوار. تشمل أنظمة التعليقات الموصى بها رسميًا من قبل Gatsby Disqus و Gitalk وما إلى ذلك.الصفحات
يقع محتوى الصفحة في content/pages.
ملاحظات
- يعتمد هذا المبدئ على Gatsby V3، انتبه لتوافق الإصدار عند تثبيت المكونات الإضافية.
- الإطار الرئيسي مترجم من gatsby-starter-glass، شكرًا لـ yinkakun.
تاريخ النشر: 20 نوفمبر 2021 · تاريخ التعديل: 12 ديسمبر 2025