ما هو Markdown؟

Markdown هي لغة ترميز خفيفة الوزن يمكنك استخدامها لتنسيق مستندات النص العادي.
اكتب مستندات لمشاريعك على GitHub، وحرر ملف README في ملفك الشخصي على GitHub، وما إلى ذلك. ستجد كل ما تحتاجه هنا.

لنبدأ. ⤵️

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

الفقرة
العناوين
التأكيد
الاقتباس
الصور
الروابط
الكود
القوائم
جدول
قائمة المهام
حاشية
الانتقال إلى القسم
خط أفقي
HTML

الفقرة

عند كتابة نص عادي، فإنك تكتب في الأساس فقرة.

هذه فقرة.

هذه فقرة.

العناوين

هناك 6 أنواع من العناوين. يشير عدد رموز ”#”، المتبوعة بالنص، إلى أهمية العنوان.

# العنوان 1
## العنوان 2
### العنوان 3
#### العنوان 4
##### العنوان 5
###### العنوان 6

العنوان 1

العنوان 2

العنوان 3

العنوان 4

العنوان 5

العنوان 6

التمييز

تعديل النص عملية بسيطة وسهلة للغاية. يمكنك جعل النص غامقًا أو مائلًا أو مشطوبًا.

باستخدام علامتي نجمة **يكون هذا النص غامقًا**.
استخدام شرطتين سفليتين __يعمل أيضًا__.
لنجعله *مائلًا الآن*.
لقد خمنت ذلك، _شرطة سفلية واحدة تكفي أيضًا_.
هل يمكننا الجمع **_بين الاثنين_؟** بالطبع.
ماذا لو أردت ~~شطب النص~~؟

باستخدام علامتي نجمة هذا النص بخط عريض.
علامتا خط تحت تفيان بالغرض أيضًا.
لنجعله مائلاً الآن.
لقد خمنت ذلك، علامة خط تحت واحدة تكفي أيضًا.
هل يمكننا الجمع بين كلا الأمرين؟ بالطبع.
ماذا لو أردت ~~شطب النص~~؟

الاقتباس المكتوب في كتلة

هل تريد التأكيد على أهمية النص؟ لا داعي لقول المزيد.

> هذا اقتباس مكتوب في كتلة.
> هل تريد الكتابة في سطر جديد مع ترك مسافة بينهما؟
>
> > وتداخل؟ لا مشكلة على الإطلاق.
> >
> > > ملاحظة: يمكنك **تصميم** نصك _كما تريد_.

هذا اقتباس. هل تريد الكتابة في سطر جديد مع ترك مسافة بينهما؟
وتداخل؟ لا مشكلة على الإطلاق.
ملاحظة: يمكنك تصميم نصك كما تشاء. :

الصور

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

![نص في حالة فشل تحميل الصورة](مسار-الملف-الذي-يتم-إنشاؤه-تلقائيًا-عند-تحميل-الصورة "النص الذي يظهر عند التمرير فوق الصورة")

[الشعار]: مسار-الملف-الذي-يتم-إنشاؤه-تلقائيًا-عند-تحميل-الصورة "مرر فوقي"
![نص الخطأ][الشعار]

![نص يظهر في حالة فشل تحميل الصورة](https://user-images.githubusercontent.com/46372998/212541682-9907aaea-5198-45a9-8961-2acc8a98a0db.png ‘النص الذي يظهر عند التمرير’

نص الخطأ

الروابط

على غرار الصور، يمكن أيضًا إدراج الروابط مباشرةً أو عن طريق إنشاء مرجع. يمكنك إنشاء روابط مضمنة وروابط كتلة.

[ورقة مرجعية لماركداون]: https://github.com/im-luka/markdown-cheatsheet
[وثائق]: https://github.com/adam-p/markdown-here

[هل أعجبك ما قرأته حتى الآن؟ تابعني على GitHub](https://github.com/im-luka)
[ورقة مرجعية خاصة بي لـ Markdown - ضع علامة نجمة عليها إذا أعجبتك][markdown-cheatsheet]
ابحث عن بعض الوثائق الرائعة [هنا][docs]

هل أعجبك حتى الآن؟ تابعني على GitHub
ورقة مرجعية خاصة بي لـ Markdown - ضع علامة نجمة عليها إذا أعجبتك
ابحث عن بعض الوثائق الرائعة هنا

الكود

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

    لقد أنشأت ملف `.env` في المجلد الجذر.
    علامات اقتباس مائلة داخل علامات اقتباس مائلة؟ `` `لا مشكلة.` ``

    ```
    {
 learning: "Markdown",
 showing: "مقتطف كود كتلة"
    }
    ```

 ```js
    const x = "مقتطف كود كتلة في JS";
    console.log(x);
    ```

لقد أنشأت ملف .env في المجلد الجذر. علامات اقتباس مائلة داخل علامات اقتباس مائلة؟ `لا مشكلة.`

{
  learning: "Markdown",
  showing: "مقتطف كود في كتلة"
}

const x = 'مقتطف كود في JS'؛
console.log(x);

القوائم

كما هو الحال في HTML، يسمح Markdown بإنشاء قوائم مرتبة وغير مرتبة.

القائمة المرتبة

1. HTML
2. CSS
3. جافا سكريبت
4. React
7. أنا الآن مطور واجهة مستخدم 👨🏼‍🎨

HTML
CSS
جافا سكريبت
React
أنا الآن مطور واجهة مستخدم 👨🏼‍🎨

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

- Node.js
+ Express
* Nest.js
- أتعلم البرمجة الخلفية ⌛️

Node.js

Express

Nest.js

أتعلم البرمجة الخلفية ⌛️

قائمة مختلطة

يمكنك أيضًا مزج القائمتين وإنشاء قوائم فرعية.
ملاحظة: حاول ألا تنشئ قوائم أعمق من مستويين. هذه هي أفضل الممارسات.

1. تعلم الأساسيات
   1. HTML
   2. CSS
   7. جافا سكريبت
2. تعلم إطار عمل واحد
   - React
 - Router
 - Redux
   * Vue
   + Svelte

تعلم الأساسيات
1. HTML
2. CSS
3. جافا سكريبت
تعلم إطار عمل واحد
- React

Router
Redux
- Vue
- Svelte

الجدول

طريقة رائعة لعرض البيانات بشكل منظم. استخدم الرمز ”|” لفصل الأعمدة والرمز ”:” لمحاذاة محتوى الصفوف.

| محاذاة إلى اليسار (افتراضي) | محاذاة إلى الوسط | محاذاة إلى اليمين |
| :------------------- | :----------: | ----------: |
| React.js | Node.js | MySQL |
| Next.js | Express | MongoDB     |
| Vue.js | Nest.js | Redis |

محاذاة إلى اليسار (افتراضي)	محاذاة إلى الوسط	محاذاة إلى اليمين
React.js	Node.js	MySQL
Next.js	Express	MongoDB
Vue.js	Nest.js	Redis

قائمة المهام

تتبع المهام التي تم إنجازها، وتلك التي لا يزال يتعين إنجازها.

- [x] تعلم Markdown
- [ ] تعلم تطوير الواجهة الأمامية
- [ ] تعلم تطوير الـ Full Stack

تعلم Markdown
تعلم تطوير الواجهة الأمامية
تعلم تطوير الـ Full Stack

الحاشية

هل تريد وصف شيء ما في نهاية الملف؟ استخدم الحاشية!

#### أنا أعمل على مشروع جديد. [^1]
[^1]: المكونات المستخدمة هي: React، Typescript، Tailwind CSS

المشروع يتعلق بالموسيقى والأفلام.

##### آمل أن يعجبكم. [^انظر]
[^انظر]: جاري التحميل... ⌛️

أنا أعمل على مشروع جديد. ¹

المشروع يتعلق بالموسيقى والأفلام.

آمل أن يعجبكم. ²

الانتقال إلى القسم

يقوم Astro (ومعظم برامج تحليل Markdown) بإنشاء معرّفات للعناوين تلقائيًا. وعادةً لا تحتاج إلى إنشاء علامات <a name="..."> يدويًّا.

الخط الأفقي

يمكنك استخدام العلامات النجمية أو الواصلات أو الخطوط السفلية (*, -, _) لإنشاء خط أفقي.
القاعدة الوحيدة هي أنه يجب عليك تضمين ثلاثة أحرف على الأقل من الرمز.

الخط الأفقي الأول

***

الخط الثاني

-----

الخط الثالث

_________

الخط الأفقي الأول

الخط الثاني

الخط الثالث

HTML

يمكنك أيضًا استخدام HTML الخام في ملف Markdown الخاص بك. في معظم الأحيان سيعمل ذلك بشكل جيد، ولكن في بعض الأحيان قد تواجه بعض الاختلافات التي لست معتادًا عليها عند العمل مع HTML القياسي. لن يعمل استخدام CSS.

<h1>هذا عنوان</h1>
<p>فقرة...</p>

<hr />

<img src="المسار الذي يتم إنشاؤه تلقائيًا للملف عند تحميل الصورة" width="200">
<a href="https://github.com/im-luka">تابعني على GitHub</a>

<br />
<br />

<p>حيلة سريعة لـ <strong><em>توسيط الصورة</em></strong>؟</p>
<p align="center"><img src="المسار الذي يتم إنشاؤه تلقائيًا للملف عند تحميل الصورة" /></p>

<details>
  <summary>حيلة سريعة أخرى؟ 🎭</summary>

  → سهلة
  → وبسيطة
</details>

هذا عنوان

فقرة...

تابعني على GitHub

حيلة سريعة لـ توسيط الصورة؟

حيلة سريعة أخرى؟ 🎭

→ سهل
→ وبسيط

مخططات ميرميد

خريطة ذهنية

mindmap
  root((Test Intelligence Hub))
    جمع البيانات
 تكامل واجهة برمجة التطبيقات (API)
 أتمتة المتصفح
 موجزات RSS
      الجدولة والتنسيق
    معالجة البيانات
 تخزين البيانات المنظمة
 معالجة البيانات غير المنظمة
 تكامل نماذج اللغة الكبيرة (LLM)
 المطابقة والتقييم
    واجهة المستخدم
 لوحة التحكم والتصور
 إدارة التنبيهات
 التكوين والإعدادات
    البنية التحتية
 المراقبة والتسجيل
 معالجة الأخطاء
 قابلية التوسع
 الكفاءة من حيث التكلفة

مخطط التدفق

flowchart LR
    A[مصادر البيانات] --> B[طبقة الاستيعاب]
    B --> C[طبقة المعالجة]
    C --> D[طبقة التخزين]
    D --> E[واجهة المستخدم]
    D --> F[واجهة نموذج اللغة الكبير (LLM)]
    G[طبقة المراقبة] -.-> B
    G -.-> C
    G -.-> D

قسم يحتوي على معرّف ما

المكونات المستخدمة هي: React، Typescript، Tailwind CSS ↩
قيد التحميل… ⌛️ ↩

صفحة ماركداون