goulven clech.dev تحميل - goulven clech.dev تنزيل كود المصدر

goulven clech.dev

فئات أخرى

v1.4.1: Refreshed design

تنزيل

مدونتي الشخصية، تم إنشاؤها باستخدام Astro وTypeScript وTailwind CSS. قم بالبث المباشر على موقع goulven-clech.dev، الذي تستضيفه شركة Vercel.

يتم توفير كود المصدر بموجب ترخيص 0BSD، ويتم تقدير الإسناد ولكنه غير مطلوب. يتم توفير المحتوى النصي للمدونة بموجب CC BY 4.0 Deed، ويلزم الإسناد. ولكن بالنسبة لكليهما، لديك الحرية في استخدام و/أو نسخ وتعديل و/أو توزيع لأي غرض تجاري أو شخصي.

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

الميزات البارزة

يشبه هذا المشروع في جوهره أي مدونة تم إنشاؤها باستخدام Astro، ويمكنك البدء بقراءة مقالتي "إطلاق مدونة باستخدام Astro". ولكن، شيئًا فشيئًا، أضفت بعض الميزات الأصلية التي قد تهمك، وإليك أهمها:

شريط البحث: مصنوع باستخدام Astro وWeb Components فقط، ويقوم بتصفية إدخالات المدونة بناءً على مدخلات المستخدم.
جدول المحتويات: باستخدام Astro وMDX، قم بإنشاء جدول محتويات بناءً على العناوين. مع قوائم متداخلة.
فتح كتل المكتبة وخرائط Google: يعرض نتائج واجهة برمجة التطبيقات (API) بشكل جيد في إدخالات المدونة.
الوضع الداكن: قم بالتبديل بين أنظمة الألوان الفاتحة والداكنة ونظام الألوان. استخدم التخزين المحلي للاستمرار في اختيار المستخدم.
خدمة الصور المخصصة: تم استرجاعها من مدونة Erika، واحصل على الأداء واعرض عنصرًا نائبًا أثناء تحميل الصورة.

هيكل المشروع

 /
├── src/
│   ├── content/ -> Sub repository
│   ├── assets/
│   │   └── base.css
│   ├── components/
│   │   └── Card.astro
│   ├── layouts/
│   │   └── Layout.astro
│   ├── pages/
│   │   └── index.astro
│   ├── env.d.ts
│   └── [...utils].ts
├── public/
│   └── Iosevka-Regular.woff2
├── [... config files]
├── README.md
└── package.json

pages/ يحتوي على كل صفحة من هذه المدونة كملفات .astro .

تحتوي layouts/ components/ على كل مكون ويب كملفات `.astro``.

الأوامر

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