astro theme cody
v2.0.0
موضوع مدونة مبسط تم تصميمه باستخدام Astro. بناء سريع وسهل لأي شخص يريد بدء مدونته الخاصة.
عرض العرض التوضيحي · الإبلاغ عن الأخطاء · طلب الميزة
تحفيز
الميزات الرئيسية
تجريبي
بداية سريعة
الأوامر
تكوين موقع الويب الخاص بك
تكوين الموقع وروابط الوسائط الاجتماعية وروابط شريط التنقل
إضافة المشاركات والمشاريع
دعم متعدد اللغات
نشر
وظائف إضافية
ائتمان
على الرغم من وجود العديد من سمات المدونات المتوفرة بالفعل، إلا أنني أردت سمة من شأنها أن تضفي طابعًا طرفيًا/مطوّرًا وبعض الميزات التي لا تتمتع بها السمات الأخرى.
استرو v4 سريع
فئات الأداة المساعدة TailwindCSS
ترميز HTML الدلالي الذي يمكن الوصول إليه
استجابة وصديقة لكبار المسئولين الاقتصاديين
دعم متعدد اللغات
الوضع الداكن / الفاتح، باستخدام متغيرات Tailwind وCSS
المشاركات والمشاريع المثبتة
تكامل الأصول الفلكية للحصول على صور محسنة
مشاركات MD وMDX
ترقيم الصفحات
تغذية RSS التلقائية
خريطة الموقع التي تم إنشاؤها تلقائيًا
مكون رمز Astro Icon svg
زر العودة إلى الأعلى
تحقق من العرض هنا.
قم بإنشاء الريبو الجديد من هذا القالب.
# npm 7+ npm create astro@latest -- --template kirontoo/astro-theme-cody # pnpm pnpm dlx create-astro --template kirontoo/astro-theme-cody
(العودة إلى الأعلى)
يتم تشغيل جميع الأوامر من جذر المشروع، من المحطة:
| يأمر | فعل |
|---|---|
pnpm install | تثبيت التبعيات |
pnpm run dev | يبدأ تشغيل خادم التطوير المحلي على localhost:4321 |
pnpm run build | أنشئ موقع الإنتاج الخاص بك إلى ./dist/ |
pnpm run preview | قم بمعاينة البناء الخاص بك محليًا، قبل النشر |
pnpm run astro ... | قم بتشغيل أوامر CLI مثل astro add و astro check |
pnpm run astro -- --help | احصل على المساعدة باستخدام Astro CLI |
(العودة إلى الأعلى)
يتم وضع إعدادات موقعك وروابط الوسائط الاجتماعية وروابط Navbar داخل src/consts.ts . هناك يمكنك تكوين العنوان الافتراضي لموقعك والوصف واللغة والملف الشخصي وروابط الوسائط الاجتماعية وروابط شريط التنقل المرئي.
يستخدم هذا المظهر مجموعات المحتوى لتنظيم ملفات Markdown و/أو MDX، بالإضافة إلى التحقق من النوع باستخدام مخطط -> src/content/config.ts .
يمكنك العثور على أمثلة لمشاركات المدونة في src/content/blog وأمثلة للمشاريع في src/content/project .
| الخاصية (* = مطلوبة) | وصف |
|---|---|
| عنوان * | عنوان رسالتك. يقتصر على 150 حرفًا كحد أقصى |
| وصف * | وصف مختصر لمنشورك، والذي سيتم استخدامه أيضًا لتحسين محركات البحث. يبلغ الحد الأقصى للطول 250 حرفًا. |
| تاريخ النشر * | تاريخ النشر |
| updateDate | تاريخ اختياري يمثل وقت تحديث المنشور. لاحظ أنه سيتم استخدام هذا التاريخ بدلاً من التاريخ المنشور لطلب المشاركات عند توفرها. |
| com.heroImage | صورة غلاف اختيارية لمنشورك. قم بتضمين خاصية src و alt . تحقق من src/content/blog/first-post.md للحصول على مثال. |
| ogImage | الصورة الاختيارية المستخدمة لتحسين محركات البحث. |
| العلامات | استخدم العلامات الاختيارية لتنظيم منشوراتك في فئات أو موضوعات. سيتم عرض جميع العلامات في yourdomain.com/tags . |
| مسلسل | استخدم سلسلة اختيارية لتنظيم منشوراتك في سلسلة من المنشورات. سيتم عرض جميع السلاسل في yourdomain.com/series . |
| مسودة | منطقية اختيارية. إزالة المشاركات من النشر. |
| طلب | قيمة رقمية اختيارية من 1 إلى 5 لتثبيت منشورات معينة في الأعلى. يقتصر على 5 المشاركات المثبتة فقط |
| يخفي | منطقية اختيارية. إخفاء منشور على صفحة /blog . سيظل يظهر في /archive |
| الخاصية (* = مطلوبة) | وصف |
|---|---|
| عنوان * | عنوان مشروعك. يقتصر على 150 حرفًا كحد أقصى |
| وصف * | وصف موجز لمشروعك، والذي سيتم استخدامه أيضًا لتحسين محركات البحث. |
| تاريخ النشر * | تاريخ النشر |
| com.heroImage | صورة غلاف اختيارية لمشروعك. قم بتضمين خاصية src و alt . تحقق من src/pages/projects/project-1.md للحصول على مثال. |
| ogImage | الصورة الاختيارية المستخدمة لتحسين محركات البحث. |
| كومة * | قائمة بالتقنيات التي استخدمها مشروعك والتي سيتم عرضها كأيقونات. يستخدم هذا المظهر مكتبة SVG Logos، ويمكنك استخدام Icones.js.org للعثور على الرموز التي تحتاجها. |
| منصة | رابط إلى الموقع أو التجريبي |
| موقع إلكتروني | رابط إلى الموقع أو التجريبي |
| جيثب | رابط جيثب الريبو الخاص بك |
| مسودة | منطقية اختيارية. إزالة المشاريع من النشر. |
| طلب | قيمة رقم اختيارية من 1 إلى 5 لتثبيت مشاريع معينة في الأعلى. يقتصر على 5 المشاركات المثبتة فقط |
(العودة إلى الأعلى)
راجع wiki لإعداد دعم متعدد اللغات لمدونتك.
توفر Astro وثائق رائعة لنشر مواقع Astro الخاصة بك على منصات مختلفة. يمكنك العثور عليه هنا.
تحقق من Astro Recipes لإضافة وظائف أخرى مثل موجز RSS.
يعتمد هذا الموضوع على موضوع Astro Cactus و Hugo Risotto.
(العودة إلى الأعلى)
