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

مدونة الفكرة

هذا مثال على ذلك مشروع Next.js يعرض دعم SSG (جيل مواقع ثابتة) القادم.

ملاحظة : يستخدم هذا المثال خطافات SSG التجريبية المتاحة فقط في فرع Canary Next.js! سوف تتغير واجهات برمجة التطبيقات المستخدمة في هذا المثال مع مرور الوقت. نظرًا لأنه يستخدم واجهة برمجة تطبيقات خاصة وميزات تجريبية ، استخدم على مسؤوليتك الخاصة لأن هذه الأشياء قد تتغير في أي لحظة.

مثال مباشر مستضاف على Vercel : https://notion-blog.vercel.app/

ابدء

لعرض الخطوات اللازمة لإعداد الفكرة للعمل مع هذا المثال ، عرض المنشور على https://notion-blog.vercel.app/blog/my-first-post أو اتبع الخطوات أدناه.

نشر بنفسك

نشر مدونة فكرة الخاصة بك مع Vercel.

أو

  1. استنساخ هذا repo git clone https://github.com/ijjk/notion-blog.git
  2. تكوين المشروع مع vc
  3. أضف NOTION_TOKEN و BLOG_INDEX_ID كمتغيرات بيئة في مشروعك. انظر هنا لمعرفة كيفية العثور على هذه القيم
  4. قم بالنشر النهائي مع vc

ملاحظة: إذا إعادة النشر مع vc محليًا ولم تقم بإجراء أي تغييرات على مصدر التطبيق وتحريرها فقط في فكرة ستحتاج إلى استخدام vc -f لتجاوز عملية التخلص من البناء

إنشاء جدول صفحاتك

ملاحظة : هذا هو تشغيل تلقائي إذا لم يتم الكشف عن جدول أول مرة يزور /blog

باستخدام البرنامج النصي الذي تم تكوينه مسبقًا

  1. إنشاء صفحة فارغة في فكرة
  2. استنساخ هذا repo git clone https://github.com/ijjk/notion-blog.git
  3. تثبيت تبعيات cd notion-blog && yarn
  4. قم بتشغيل البرنامج النصي لإنشاء table NOTION_TOKEN='token' BLOG_INDEX_ID='new-page-id' node scripts/create-table.js انظر هنا للعثور على المعرف للصفحة الجديدة

إنشاء الجدول يدويًا

  1. إنشاء صفحة فارغة في فكرة
  2. قم بإنشاء جدول مضمن في تلك الصفحة ، لا تستخدم جدول صفحة كامل لأنه يتطلب الاستعلام بشكل مختلف
  3. أضف الحقول أدناه إلى الجدول

يجب أن يكون للجدول الخصائص التالية:

  • Page : هذه صفحة منشور المدونة
  • Slug : هذا هو سبيكة منشور المدونة بالنسبة إلى /blog ، يجب أن تكون خاصية نصية
  • Published : منشورات المدونة هذه المرشحات في الإنتاج ، يجب أن تكون خاصية مربع الاختيار
  • Date : هذا عندما يظهر منشور المدونة كما تم نشره ، يجب أن يكون خاصية تاريخ
  • Authors : هذه قائمة بمستخدمي الفكرة التي كتبت المنشور ، يجب أن تكون خاصية شخص

مثال جدول منشورات المدونة

الحصول على فهرس المدونة والرمز المميز

للحصول على قيمة فهرس المدونة الخاصة بك ، فتح الفكرة وانتقل إلى صفحة الفكرة مع الجدول الذي أنشأته أعلاه. بينما في هذه الصفحة ، يجب أن تكون قادرًا على الحصول على معرف الصفحة من:

  • عنوان URL ، إذا كان عنوان URL في صفحتك هو https://www.notion.so/blog-s5qv1qbuzm1wxm3h3szrqkupi7xjxtul ثم BLOG_INDEX_ID هو S5qv1QbU-zM1w-xm3H-3SZR-Qkupi7XjXTul
  • طلب loadPageChunk ، إذا فتحت وحدة التحكم المطور الخاصة بك وانتقلت إلى علامة التبويب الشبكة ، ثم إعادة تحميل الصفحة التي يجب أن ترى طلبًا لـ loadPageChunk وفي حمولة الطلب ، يجب أن ترى pageId ، وهذا هو BLOG_INDEX_ID

للحصول على رمز برمجيتك ، افتح فكرة وابحث عن ملف تعريف token_v2 .

إنشاء منشورات المدونة

  1. في فكرة انقر فوق جديد على الجدول لإضافة صف جديد
  2. املأ اسم الصفحة ، الرخوة ، التاريخ ، والمؤلفين
  3. في الجزء العلوي من منطقة المحتوى ، أضف المحتوى الذي تريد عرضه كمعاينة (احتفظ بهذا تحت الفقرتين)
  4. أضف كتلة مقسم تحت محتوى المعاينة الخاص بك
  5. أضف بقية المحتوى الخاص بك تحت كتلة المقسم

الجري محليا

لتشغيل المشروع محليًا ، تحتاج إلى اتباع الخطوتين 1 و 2 من النشر ثم اتبع الخطوات أدناه

  1. تثبيت التبعيات yarn
  2. فضح NOTION_TOKEN و BLOG_INDEX_ID في البيئة الخاصة بك export NOTION_TOKEN='<your-token>' export BLOG_INDEX_ID='<your-blog-index-id>' set NOTION_TOKEN="<your-token>" && set BLOG_INDEX_ID="<your-blog-index-id>"
  3. تشغيل التالي في وضع التطوير yarn dev
  4. بناء وتشغيل في وضع الإنتاج yarn build && yarn start

الاعتمادات

  • Guillermo rauchrauchg للفكرة الأولية
  • Shu dingshuding_ للحصول على مساعدة التصميم
  • لويس ألفاريز luis_fades للحصول على مساعدة التصميم والقبض على الأخطاء
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل