الصفحة الرئيسية>المتعلقة بالبرمجة>كود الذكاء الاصطناعي
تنزيل

Next + NetLify Markdown Blog Starter

هذه مدونة خفيفة الوزن Next.js (v12+) ، تم تكوينها حتى تتمكن من نقرة واحدة لتثبيت مدونة ونشرها على NetLify!

ابدأ بالنقر هنا (سيؤدي ذلك إلى استنساخ الريبو ونشر الموقع):

أو ، إذا كنت ترغب في بنائه بنفسك ، فإليك منشور مدونة تعليمي يجب أن يجعلك على المسار الصحيح!

الشجاع الدقيق

إذا كنت ترغب في العمل مع هذا المشروع محليًا ، فقم بتشغيل خادم التطوير: 

npm run dev
# or
yarn dev

افتح http: // localhost: 3000 مع متصفحك لرؤية النتيجة.

إذا كنت ترغب في كتابة منشور جديد للمدونة ، فاكتبها في دليل Marmdown في دليل posts .

خيارات التثبيت

الخيار الأول: النقر بنقرة واحدة نشر

الخيار الثاني: استنساخ يدوي

  1. استنساخ هذا الريبو: git clone https://github.com/cassidoo/next-netlify-blog-starter
  2. انتقل إلى الدليل وقم بتشغيل npm run dev
  3. قم بإجراء تغييراتك
  4. الاتصال بـ NetLify يدويًا (ملف netlify.toml هو الموجود الذي ستحتاج إليه للتأكد من أن يبقى سليمة للتأكد من إجراء التصدير والإشارة إلى الأشياء الصحيحة)

التصميم

يتم تضمين بعض الأنماط الأساسية مع تصميم jsx ، والتي يتم تضمينها خارج الصندوق مع Next.js. هناك أيضًا دعم مدمج في SASS ودعم وحدة CSS ، إذا كنت تفضل استخدامها.

الخط المستخدم هو inter.

صور البطل

يمكنك تضمين صورة بطل اختيارية في مشاركاتك. ضع الصور في public/static/ ، ثم قم بتضمينها في ملف .md الخاص بك مثل SO: 

 ---
title: 'Post title'
author: 'Post author'
date: '2020-04-27'
hero_image: ../static/example.jpg
---

انظر demo-post-1.md للحصول على مثال على ذلك.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل