البدء
يساعدك هذا الدليل على بدء استخدام Xingluo للتطوير المحلي وبنيات الإنتاج من الصفر.
المتطلبات
| التبعية | الحد الأدنى للإصدار | ملاحظات |
|---|---|---|
| Node.js | 22.12.0 | انظر engines.node في package.json |
| pnpm | 10.x | مدير الحزم (يستخدم المشروع pnpm workspace) |
التثبيت
بعد استنساخ المستودع، قم بتثبيت التبعيات:
bashpnpm install
بمجرد تثبيت التبعيات، يتم استبعاد المشاريع المرجعية تحت references/ تلقائيًا من تجميع TypeScript والبناء (انظر exclude في tsconfig.json).
التطوير المحلي
ابدأ خادم التطوير (الافتراضي http://localhost:4321/):
bashpnpm dev
في وضع التطوير:
- المسودات والمقالات المجدولة كلها مرئية (للمعاينة)؛ يتم تصفيتها فقط أثناء بناءات الإنتاج
- تغييرات مجموعة المحتوى تؤدي إلى إعادة تحميل فوري
- سلوكيات جانب العميل (تبديل السمة، View Transitions، إلخ.) تطابق الإنتاج
مزامنة الأنواع
بعد تعديل مخططات أو أنواع مجموعات المحتوى، قم بتشغيل المزامنة لتحديث .astro/types.d.ts:
bashpnpm sync
البناء
يتكون بناء الإنتاج من ثلاث خطوات (انظر البرنامج النصي build في package.json):
bashpnpm build
astro check: فحص أنواع TypeScript وقوالب Astro؛ أي خطأ يوقف البناءastro build: يُنشئ الموقع بأكمله بشكل ثابت فيdist/(بما في ذلك صور OG الديناميكية، RSS، خريطة الموقع، robots.txt)node scripts/generateSearchIndex.mjs: يمسحdist/لإنشاء فهرس البحث للنص الكامل فيdist/search/
ملاحظة: يتم إنشاء فهرس البحث بواسطة سكريبت Node بعد البناء.
معاينة البناء
معاينة مخرجات البناء في dist/ محليًا:
bashpnpm preview
جودة الكود
| الأمر | الغرض |
|---|---|
pnpm format | تنسيق جميع الكود باستخدام Prettier (بما في ذلك Astro و Tailwind) |
pnpm format:check | التحقق من الامتثال للتنسيق (يستخدم في CI) |
pnpm lint | فحوصات ESLint (بما في ذلك eslint-plugin-astro) |
الخطوات التالية
- اقرأ دليل التكوين لتخصيص معلومات الموقع وتبديلات الميزات
- اقرأ إنشاء المحتوى لبدء الكتابة
- اقرأ النشر لنشر موقعك
مشاركة هذا المقال: مشاركة عبر X مشاركة عبر Facebook مشاركة عبر Telegram مشاركة عبر Weibo مشاركة عبر البريد الإلكتروني