مميزات قالب زاهي

قالب زاهي هو قالب Hugo مصمم خصيصاً للحدائق الرقمية والمدونات العربية. يمكنك التعرف على أساسيات البرمجة وتطوير الويب الحديث من خلال المقالات المرتبطة.

المميزات الجديدة

🔗 روابط Wiki

يدعم القالب روابط بأسلوب Obsidian باستخدام الأقواس المزدوجة عنوان الصفحة. الروابط الصالحة تظهر بلون أخضر، والروابط المكسورة تظهر بلون أحمر.

مثال: البرمجة بلغة جافاسكريبت - رابط غير موجود

🕸️ خريطة المعرفة التفاعلية

كل صفحة تحتوي على رسم بياني تفاعلي يعرض:

• الصفحات المرتبطة - بلون أخضر
• الوسوم - بلون برتقالي مع خطوط متقطعة
• إمكانية التكبير والسحب

يمكنك مشاهدة الرسم الكامل للموقع.

📚 السلاسل التعليمية

ميزة جديدة لتنظيم المقالات في سلاسل مترابطة:

• صفحة السلاسل - عرض جميع السلاسل في /series/
• شريط التقدم - يظهر موقعك في السلسلة
• التنقل السهل - أزرار السابق والتالي
• قائمة الأجزاء - قابلة للطي/التوسيع

للاستخدام، أضف في مقدمة المقالة:

series: "اسم السلسلة"
seriesOrder: 1
seriesDescription: "وصف السلسلة"

🔍 البحث الفوري

• اضغط Ctrl+K أو Cmd+K لفتح البحث
• بحث سريع في العناوين والمحتوى والوسوم
• تمييز النتائج المطابقة

📍 خارطة الطريق

يمكنك إضافة خرائط طريق لرحلتك التعليمية:

المميزات الأساسية

🚀 أداء متميز

يتميز القالب بأداء عالٍ وسرعة تحميل ممتازة، مما يضمن تجربة سلسة ومريحة للمستخدمين.

💡 جدول المحتويات القابل للطي

• يظهر تلقائياً للمقالات الطويلة
• قابل للطي والتوسيع
• روابط سريعة للأقسام مع تمرير سلس

📌 المقالات المثبتة

يسمح بتثبيت المقالات الهامة في الصفحة الرئيسية:

pinned: true

🏷️ الوسوم والتصنيفات

• تصنيف المحتوى بسهولة
• صفحة خاصة لكل وسم
• سحابة الوسوم في الصفحة الرئيسية

اطلع على البرمجة بلغة جافاسكريبت لمزيد من الأمثلة.

💬 دعم Disqus (خانة التعليقات)

يتيح التفاعل مع القراء من خلال خانة التعليقات Disqus:

[services]
[services.disqus]
shortname = 'your-shortname'

📄 التصفح بالصفحات (Pagination)

يسمح بتقسيم المحتوى إلى صفحات منفصلة لتسهيل التصفح وتحسين تجربة المستخدم.

🎨 تلوين الكود (Syntax Highlighting)

يميز ويجعل الكود أكثر وضوحًا مع زر نسخ سريع:

console.log("hello world from Zahi!")

function setupZahi() {
    return "Zahi is the best"
}

setupZahi()

# مثال بايثون
def greet(name):
    return f"مرحباً {name}!"

print(greet("زاهي"))

📱 متجاوب مع جميع الشاشات

يظهر القالب بشكل متميز ومتجاوب على جميع أحجام الشاشات، مما يضمن تجربة متسقة للمستخدمين على جميع الأجهزة.

🌓 الوضع الداكن والوضع الفاتح

يتيح اختيار الوضع المفضل للمستخدم بين الوضع الداكن والوضع الفاتح:

• التبديل بنقرة واحدة
• يحفظ التفضيل تلقائياً
• يتبع إعدادات النظام افتراضياً

📜 دعم المقالات الإنجليزية

يدعم إنشاء وإدارة مقالات باللغة الإنجليزية:

direction: "ltr"

📊 إحصائيات الصفحة الرئيسية

عرض إحصائيات سريعة:

• عدد المقالات
• عدد السلاسل
• عدد التصنيفات
• عدد الصفحات

🔄 مشاركة المقالات

أزرار مشاركة سريعة لـ:

• Twitter/X
• LinkedIn
• نسخ الرابط

البدء السريع

1. التثبيت

# إنشاء مشروع جديد
hugo new site my-digital-garden

# إضافة القالب
cd my-digital-garden
git init
git submodule add https://github.com/mohamedelhefni/zahi themes/zahi

2. الإعدادات

# hugo.toml
theme = "zahi"
languageCode = "ar"
defaultContentLanguage = "ar"

[taxonomies]
tag = "tags"
series = "series"

[outputs]
home = ["HTML", "RSS", "JSON"]

3. إنشاء محتوى

hugo new posts/my-first-post.md

4. تشغيل الخادم

hugo server

للمزيد من المعلومات، راجع أساسيات البرمجة أو Git و GitHub.