تنزيل astro portfolio - تنزيل كود المصدر astro portfolio

astro portfolio

فئات أخرى

0.0.2

تنزيل

؟ هذا قالب مجاني لإنشاء موقع الويب الخاص بمحفظتك باستخدام Astro 4.0 + Tailwind CSS .

الوضع المظلم

وضع الضوء

تقرير المنارة

جدول المحتويات

تجريبي
سمات
هيكل المشروع
الأوامر
المساهمة
الاعتمادات

تجريبي

؟ https://astro-fe-portfolio.netlify.app/

سمات

✔️ التكامل مع Tailwind CSS (@astrojs/tailwind) الذي يدعم الوضع المظلم .

✔️ يستخدم التكاملات التالية:

@astrojs/mdx
@astrojs/صورة
@astrojs/tailwind - مع البرنامج المساعد لفرز الفئات الأجمل
@astro-icon
@أسترو-سيو
@astro-navbar

✔️(@Playwright) تم إعداد اختبارات e2e.

مدونة تحتوي على مادة أساسية (العنوان والوصف والمؤلف والتاريخ والصورة والعلامات) وموجز RSS وخريطة الموقع وملف robots.txt

صفحة الخطأ 404

هيكل المشروع

داخل مشروع Astro الخاص بك، سترى المجلدات والملفات التالية:

 /
├── public/
│   └── favicon.ico
|   ├── hero.png
|   └── ...
├── src/
|   ├── assets/
|   |   ├── images/
│   │   |   ├── hero.png
|   |   |   └── ...
│   ├── components/
│   │   ├── ui/
│   │   |   ├── BackToTop.astro
|   |   |   └── ...
│   │   ├── About.astro
│   │   ├── Contact.astro
|   |   └── ...
│   ├── content/
│   │   ├── projects/
│   │   │   ├── project-1.md
│   │   │   ├── project-1.md
│   │   │   └── ...
│   │   └-- config.ts
│   ├── layouts/
│   │   ├── Layout.astro
│   ├── pages/
│   │   ├── index.astro
│   ├── tests/
│   │   ├── index.spec.ts
├── package.json
├── astro.config.mjs
└── ...

يبحث Astro عن ملفات .astro أو .md أو .mdx في الدليل src/pages/ . يتم عرض كل صفحة كمسار بناءً على اسم الملف الخاص بها.

src/components/ هو المكان الذي نضع فيه أي مكونات Astro وكذلك src/layouts/ للتخطيطات.

يمكن وضع الصور في src/images/ .

يتم إنشاء محتوى المدونة والوثائق كمجموعات من ملفات Markdown أو MDX في src/content .

أي أصول ثابتة، على سبيل المثال. الصور، يمكن وضعها في الدليل public/ .

الأوامر

يتم تشغيل جميع الأوامر من جذر المشروع، من المحطة:

يأمر	فعل
`yarn`	تثبيت التبعيات
`yarn dev`	يبدأ تشغيل خادم التطوير المحلي على `localhost:3000`
`yarn build`	أنشئ موقع الإنتاج الخاص بك إلى `./dist/`
`yarn preview`	قم بمعاينة البناء الخاص بك محليًا، قبل النشر
`yarn astro ...`	قم بتشغيل أوامر CLI مثل `astro add` و `astro preview`
`yarn astro --help`	احصل على المساعدة باستخدام Astro CLI
`yarn test:e2e`	قم بإجراء اختبارات الكاتب المسرحي

المساهمة

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