١. عناصر Markdown الأساسية

الترويسات (H1–H6)

ترويسة من المستوى الأول H1

ترويسة من المستوى الثاني H2

ترويسة من المستوى الثالث H3

ترويسة من المستوى الرابع H4

ترويسة من المستوى الخامس H5

ترويسة من المستوى السادس H6

النص المُنسَّق

هذا نص عريض (Bold)، وهذا نص مائل (Italic)، وهذا نص عريض ومائل، وهذا نص مشطوب.

هذا كود مضمّن inline code في وسط الجملة.

هذا نص يحتوي على نص مُبرَّز بلون باستخدام وسم HTML مباشرةً.

النص العلوي: X² والنص السفلي: H₂O.

اختصار: AI — يظهر تفسيره عند التحويم.

مفتاح لوحة مفاتيح: Ctrl + P للطباعة.

الروابط والصور

رابط خارجي إلى موقع هوغو

رابط داخلي إلى المقالات

رابط مع عنوان عند التحويم: Hugo Documentation

صورة (اختبار الأبعاد والتجاوب):

الاقتباسات (Blockquotes)

هذا اقتباس بسيط من مستوى واحد. يُستخدَم الاقتباس لإبراز النصوص الهامة والمقتبسات من المصادر.

اقتباس متداخل:

هذا اقتباس من مستوى ثانٍ داخل الاقتباس الأول.

واقتباس من مستوى ثالث.

القوائم

قائمة غير مرتبة:

• عنصر أول
• عنصر ثانٍ
  • عنصر فرعي أول
  • عنصر فرعي ثانٍ
    • عنصر فرعي من المستوى الثالث
• عنصر ثالث

قائمة مرتبة:

1. الخطوة الأولى
2. الخطوة الثانية
   1. خطوة فرعية أولى
   2. خطوة فرعية ثانية
3. الخطوة الثالثة

قائمة المهام (Task List):

• مهمة مكتملة
• مهمة قيد التنفيذ
• مهمة لم تبدأ بعد

الجداول (Tables) — اختبار التجاوب والتجاوز

الكود البرمجي

كود مضمّن: قُل hugo server -D لتشغيل خادم التطوير.

كود بلغة محددة (Python):

# مثال بسيط بلغة Python
def greet(name: str) -> str:
    """دالة ترحيب بالمستخدم"""
    return f"مرحباً {name}! بارك الله فيك."

names = ["حمزه", "محمد", "أحمد"]
for name in names:
    print(greet(name))

كود بلغة HTML (RTL test):

<!DOCTYPE html>
<html dir="rtl" lang="ar">
<head>
  <meta charset="UTF-8">
  <title>اختبار RTL</title>
</head>
<body>
  <h1>مرحباً بالعالم!</h1>
</body>
</html>

كود طويل جداً لاختبار عدم التجاوز الأفقي:

curl -fsSL --retry 3 --connect-timeout 30 --max-time 120 -o "output-file-with-very-long-name-to-test-horizontal-overflow-behavior.ttf" "https://github.com/google/fonts/raw/refs/heads/main/ofl/cairo/Cairo%5Bslnt%2Cwght%5D.ttf" && echo "Download successful: font file acquired without errors" || echo "Download failed: please check your network connection and try again"

الخط الأفقي (HR)

ما فوق هذا السطر.

ما تحت هذا السطر.

٢. عناصر HTML المتقدمة

قائمة التعريفات (Definition List)

التوحيد

إفراد الله تعالى بما يختص به من الربوبية والألوهية والأسماء والصفات.

السنة النبوية

كل ما صدر عن النبي ﷺ من قول أو فعل أو تقرير أو صفة خِلقية أو خُلقية.

الإجماع

اتفاق المجتهدين من أمة محمد ﷺ في عصر من العصور على حكم شرعي.

التفاصيل القابلة للطي (Details/Summary)

جدول بيانات تقني عريض (اختبار الـ overflow)

٣. المختصرات المخصصة (Shortcodes)

٣.١ اختبار الآيات القرآنية

📖 ﴿ سورة الفاتحة — الآية 1 - 7 ﴾

بِسْمِ اللَّهِ الرَّحْمَٰنِ الرَّحِيمِ ﴿1﴾ الْحَمْدُ لِلَّهِ رَبِّ الْعَالَمِينَ ﴿2﴾ الرَّحْمَٰنِ الرَّحِيمِ ﴿3﴾ مَالِكِ يَوْمِ الدِّينِ ﴿4﴾ إِيَّاكَ نَعْبُدُ وَإِيَّاكَ نَسْتَعِينُ ﴿5﴾ اهْدِنَا الصِّرَاطَ الْمُسْتَقِيمَ ﴿6﴾ صِرَاطَ الَّذِينَ أَنْعَمْتَ عَلَيْهِمْ غَيْرِ الْمَغْضُوبِ عَلَيْهِمْ وَلَا الضَّالِّينَ ﴿7﴾

📖 ﴿ سورة البقرة — الآية 255 ﴾

اللَّهُ لَا إِلَٰهَ إِلَّا هُوَ الْحَيُّ الْقَيُّومُ ۚ لَا تَأْخُذُهُ سِنَةٌ وَلَا نَوْمٌ ۚ لَهُ مَا فِي السَّمَاوَاتِ وَمَا فِي الْأَرْضِ ۗ مَنْ ذَا الَّذِي يَشْفَعُ عِنْدَهُ إِلَّا بِإِذْنِهِ ۚ يَعْلَمُ مَا بَيْنَ أَيْدِيهِمْ وَمَا خَلْفَهُمْ ۖ وَلَا يُحِيطُونَ بِشَيْءٍ مِنْ عِلْمِهِ إِلَّا بِمَا شَاءَ ۚ وَسِعَ كُرْسِيُّهُ السَّمَاوَاتِ وَالْأَرْضَ ۖ وَلَا يَئُودُهُ حِفْظُهُمَا ۚ وَهُوَ الْعَلِيُّ الْعَظِيمُ ﴿255﴾

٣.٢ اختبار الحديث النبوي

📜 صحيح البخاري — حديث رقم (1)

صحيح

« إنما الأعمال بالنيات، وإنما لكل امرئ ما نوى، فمن كانت هجرته إلى دنيا يصيبها، أو إلى امرأة ينكحها، فهجرته إلى ما هاجر إليه. »

الراوي: عمر بن الخطاب رضي الله عنه

التخريج العلمي: رواه البخاري في صحيحه (رقم 1)، ومسلم (رقم 1907)

الدرر السنية ↗

📜 صحيح مسلم — حديث رقم (2699)

صحيح

« من سلك طريقاً يلتمس فيه علماً سهل الله له به طريقاً إلى الجنة... »

الراوي: أبو هريرة رضي الله عنه

التخريج العلمي: رواه مسلم في صحيحه (رقم 2699)

الدرر السنية ↗

📜 جامع الترمذي — حديث رقم (2646)

حسن صحيح

« من سلك طريقاً يبتغي فيه علماً سلك الله به طريقاً إلى الجنة، وإن الملائكة لتضع أجنحتها رضا لطالب العلم... »

الراوي: أبو الدرداء رضي الله عنه

التخريج العلمي: أخرجه الترمذي (2646)، وأبو داود (3641)، وابن ماجه (223)

الدرر السنية ↗

٣.٣ اختبار التنبيهات (Callouts)

٣.٤ اختبار نهاية الفصل

٤. الفاصل قبل فصل جديد (Page Break)

٥. اختبار النصوص الطويلة (Long-form Reading Test)

في هذا القسم نختبر مدى ملاءمة الخط وتباعد الأسطر للقراءة المطوّلة في اللغة العربية.

أهمية طلب العلم

لا يخفى على أحد من المسلمين منزلة العلم ومكانته في الإسلام؛ فقد جاءت الآية الأولى في القرآن الكريم بالأمر بالقراءة، قال تعالى:

📖 ﴿ سورة العلق — الآية 1 - 5 ﴾

بِسْمِ اللَّهِ الرَّحْمَٰنِ الرَّحِيمِ

اقْرَأْ بِاسْمِ رَبِّكَ الَّذِي خَلَقَ ﴿1﴾ خَلَقَ الْإِنْسَانَ مِنْ عَلَقٍ ﴿2﴾ اقْرَأْ وَرَبُّكَ الْأَكْرَمُ ﴿3﴾ الَّذِي عَلَّمَ بِالْقَلَمِ ﴿4﴾ عَلَّمَ الْإِنْسَانَ مَا لَمْ يَعْلَمْ ﴿5﴾

وقال النبي ﷺ فيما يتعلق بفضل العلم:

📜 صحيح البخاري — حديث رقم (1)

صحيح

« إنما الأعمال بالنيات، وإنما لكل امرئ ما نوى، فمن كانت هجرته إلى دنيا يصيبها، أو إلى امرأة ينكحها، فهجرته إلى ما هاجر إليه. »

الراوي: عمر بن الخطاب رضي الله عنه

التخريج العلمي: رواه البخاري في صحيحه (رقم 1)، ومسلم (رقم 1907)

الدرر السنية ↗

أثر العلم في السلوك والتزكية

العلم الشرعي الصحيح لا يقف عند حدود الحفظ والرواية، بل لا بد أن يُثمر في سلوك صاحبه وأخلاقه وعلاقاته مع الناس. قال بعض السلف: “تعلّمنا العلم لغير الله، فأبى إلا أن يكون لله”.

ولعل أبلغ ما يُعبّر عن هذا المفهوم قوله تعالى:

📖 ﴿ سورة الإخلاص — الآية 1 - 4 ﴾

بِسْمِ اللَّهِ الرَّحْمَٰنِ الرَّحِيمِ

قُلْ هُوَ اللَّهُ أَحَدٌ ﴿1﴾ اللَّهُ الصَّمَدُ ﴿2﴾ لَمْ يَلِدْ وَلَمْ يُولَدْ ﴿3﴾ وَلَمْ يَكُنْ لَهُ كُفُوًا أَحَدٌ ﴿4﴾

٦. اختبار المحتوى المختلط (RTL + LTR)

نص عربي مع مصطلحات تقنية

يستخدم هذا الموقع إطار العمل Hugo — وهو من أسرع مُولِّدات المواقع الساكنة (Static Site Generators)، ويُكتب بلغة Go. لتثبيته يمكن استخدام الأمر: brew install hugo على macOS.

ملف الإعدادات الرئيسي هو hugo.toml، ويمكن تهيئة قيمة baseURL على النحو التالي:

baseURL = "https://akurdmuslim.com/"
locale  = "ar"
title   = "AKurdMuslim"

٧. اختبار الوسائط المتعددة

٧.١ اختبار الصوت

٧.٢ اختبار الفيديو

٧.٣ اختبار الصورة (Figure Shortcode)

٨. اختبار الهوامش (Footnotes)

هذا نص يحتوي على هامش¹ للتوضيح. ويمكن الإشارة إلى مرجع آخر² في نفس النص.

٩. خلاصة ومشاركة بالكلمات والمعاني

الهدف من هذه الصفحة هو التحقق الشامل من:

1. ✅ صحة عرض جميع عناصر Markdown
2. ✅ صحة عرض المختصرات المخصصة (القرآن، الحديث، التنبيهات)
3. ✅ صحة الجداول واستجابة التصميم على الشاشات الصغيرة
4. ✅ صحة مخرجات الطباعة وتصدير PDF
5. ✅ التحقق من عدم التجاوز الأفقي في أي عنصر
6. ✅ صحة عرض النصوص العربية بالخطوط المُختارة
7. ✅ صحة عمل المظهرين (الفاتح والداكن)