كيف تكتب بصيغة ماركداون ببساطة


zahershullar

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

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

العناوين

هناك مستويات للعناوين في كل مقال، عنوان رئيسي، ثانوي، ثالثي، ….. وهكذا بحسب أهمية الفقرة في المقال بحيث سيكون شكل العناوين في ماركداون كما يلي:

# عنوان رئيسي

## عنوان ثانوي

### عنوان مستوى ثالث

#### عنوان مستوى رابع

وستظهر في المتصفح بعد تحويله لصفحة انترنت أو كتدوينة ضمن مدونات ووردبرس أو غيرها كما يلي:

01.png

وكمثال لنفترض أننا نكتب مقالًا عن المراحل التعليمية في المدارس الحكومية، حيث سيكون العنوان الرئيسي هو (المراحل التعليمية) والعناوين الثانوية هي (الابتدائية، المتوسطة، الثانوية) وعناوين المستوى الثالث (الفصل الأول، الفصل الثاني) فإنها ستُكتب في صيغة الماركداون كما يلي:

اقتباس

# المراحل التعليمية

## المرحلة الابتدائية

### الفصل الأول

فقرة حول الموضوع

### الفصل الثاني

فقرة حول الموضوع

## المرحلة المتوسطة

### الفصل الأول

فقرة حول الموضوع

### الفصل الثاني

فقرة حول الموضوع

## المرحلة الثانوية

### الفصل الأول

فقرة حول الموضوع

### الفصل الثاني

فقرة حول الموضوع

 

والنتيجة ستكون كالتالي:

02.png

ويمكن استخدام طريقة التسطير لكتابة العناوين الرئيسية والفرعية فقط كما يلي:

03.png

الفقرات

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

04.png

الروابط

يمكن إضافة رابط نصي بصيغة الماركدوان عبر كتابته بهذه الطريقة:

اقتباس

يوجد العديد من [مقالات التصميم](https://academy.hsoub.com/design/) في موقع أكاديمية حسوب.

 وستكون النتيجة كما يلي:

اقتباس

يوجد العديد من مقالات التصميم في موقع أكاديمية حسوب.

فالقاعدة هنا هي وضع النص الذي سيظهر كرابط ضمن القوسين المربعين [ ] ومن ثم إضافة الرابط الفعلي ضمن قوسين دائريين ( ) مباشرة بعد القوس المربع بدون أية فواصل أو فراغات بهذه الطريقة

اقتباس

[النص](الرابط)

الصور

لإدراج صورة بصيغة الماركداون يجب استخدام القاعدة التالية:

![رابط الصورة)[نص بديل عن الصورة)

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

05.png

القوائم

يتم إضافة القوائم المنقطة أو المرقمة في ماركدوان كما يلي:

القوائم المنقطة

06.png

القوائم المرقمة

07.png

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

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

08.png

يمكنك ملاحظة التنوع في القوائم والفقرات بداخل القوائم.

الاقتباسات Blockquotes

غالبًا ما نحتاج لوضع ملاحظة أو اقتباس لمقولة أو قاعدة ويتم ذلك عبر وضع إشارة < قبل النص في بداية سطر جديد كما يلي:

09.png

ويمكن أن ندرج اقتباسات أخرى ضمن الاقتباس الرئيسي أو حتى قوائم كما في المثال التالي:

10.png

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

الخط الأفقي هو خط أفقي يصل أقصى يمين مساحة المقال بيساره للفصل بين الفقرات أو لوضع ملاحظات أسفل الفقرة أو الصفحة ويتم إدخال هذا الخط بعدة طرق منها:

* * *

***

*****

- - -

---------------------------------------

وستكون النتيجة خط عرضي كهذا الخط:

 


 

النصوص البرمجية

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

يمكن الاستفادة من الأسلوب الأول عندما ترغب في سرد النصوص البرمجية القصيرة داخل المتن:

اقتباس

يشير الوسم `<html>` إلى بداية المستند والوسم `<html/>` إلى نهايته

حيث يتم وضع النص البرمجي ضمن علامتي `` ويمكن استخدام هذه الصيغة في مقالات أخرى كالتصميم لتعريف إختصارات لوحة المفاتيح

11.png

أمّا في حالة كتابة فقرة برمجية كبيرة كاملة أو سطر برمجي كامل فإننا نضع أربعة فراغات بداية كل سطر برمجي أو نضع العلامات ``` الثلاثة بداية ونهاية النص البرمجي في أسطر مستقلة :

12.png

الجداول

يعتبر رسم جدول صعبًا بعض الشء لأنه يجب كتابة رموز الجدول وليس رسمه كما في محررات النصوص المعروفة بحيث نضع الوسم <table>. بدايةً لتعريف بداية إدراج الجدول ثم نضع في السطر التالي الوسم <tr> للتعريف على بداية الصف وفي السطر التالي نكتب الوسم <td> للتعريف على بداية الخلية نُتبعها بالنص المطلوب وضعه في الخلية ثم نُتبعها بالوسم </td> للدلالة على انتهاء الخلية وفي السطر التالي نقوم بوضع الخلية التالية في الصف ذاته بنفس الطريقة <td>النص<td/> وبمجرد الانتهاء من الصف كله نضع في سطر مستقل الوسم <tr/> للدلالة على انتهاء الصف ولنبدأ الصف التالي عبر وسم الصف مجدّدًا <tr> وهكذا وبمجرد الانتهاء من الجدول نضع في سطر مستقل الوسم <table/> للدلالة على انتهاء الجدول كما في المقال التالي:

13.png

يمكن تطبيق تأثيرات النصوص القياسية ضمن الخلايا كالخط العريض والمائل.

برامج وتطبيقات ماركدوان

بالإمكان البحث عبر الإنترنت عن أهم البرامج والتطبيقات للكتابة بصيغة الماركداون ولاختصار الوقت سأطرح عليكم مجموعة من أهم وأفضل برامج وتطبيقات الماركداون.

برامج مجانية

Typora ادخل إلى الموقع وحمّل النسخة المناسبة لنظام التشغيل الذي تستخدمه.

ezgif-2-16b9a666c3.gif

MarkdownPad 2 وهو من أفضل البرامج وتتوفر منه نسخة مجانية على الموقع الرسمي.

markdownpad2.png

وهناك الكثير من البرامج أيضًا عليكم بالبحث عنها لتختارو ما يناسبكم.

تطبيقات الويب

Dillinger بإمكانك الوصول إليه من هنا.

15.png

Stackedit بإمكانك الوصول إليه من هنا.

16.png

Markable بإمكانك الوصول إليه من هنا.

17.png

هناك المزيد ولكن هذه أشهرها وأفضلها.

خاتمة

وضعتْ بعض المواقع والبرامج والتطبيقات صيغًا إضافية لكتابة الماركدوان بحيث تقدم المزيد من المزايا مثل إظهار الرموز الملونة للنصوص البرمجية لكل لغة على حدة أو كتابة الجداول بطريقة أسهل عبر رموز الخطوط كهذا المثال

14.png

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

المصادر





تفاعل الأعضاء


لا توجد أيّة تعليقات بعد



يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن