تخفيض السعر هي لغة تنسيق تم إنشاؤها للويب. الغرض من تخفيض السعر هو تسهيل الحياة عندما نكتب على الإنترنت. مع مرور الوقت هناك تم إنشاء العديد من النكهات من تخفيض السعر. لكن في هذه المقالة ، سينصب تركيزنا بشكل أساسي على Github Flavored Markdown (GFM).
جيثب مبني على CommonMark. هناك الكثير من الميزات الإضافية المدعومة في GFM مثل الجداول ، سياج الكود ، إلخ. دعنا ننتقل واستكشف بنية GFM وكيفية استخدامها في حالات مختلفة.
انا استخدم VScode لإثبات هذا ولكن يمكنك اختر أي محرر Linux هذا مناسب لك. يحب بعض المحررين ذرة و Vscode يأتيان مع دعم markdown وبالنسبة لبعض المحررين ، نحتاج إلى تثبيت مكوّن إضافي markdown.
للعمل مع تخفيض السعر ، يجب حفظ الملف بامتداد .md أو .تخفيض السعر كامتداد.
كيفية إضافة عناوين لمحرر Markdown
هناك 6 مستويات العنوان مدعومة في تخفيض السعر. لإنشاء عنوان ، استخدم الهاش (#) متبوعًا بمسافة واسم العنوان. كلما زادت قيمة التجزئة ، قل حجم العنوان.
قد ترغب أحيانًا في محاذاة الاتجاه نحو المركز. لكن القصة المحزنة هي أن المحاذاة غير مدعومة بشكل افتراضي في التخفيضات السعرية. بشكل افتراضي ، يتم تقديم العناوين بمحاذاة إلى اليسار. يمكنك تضمين علامات HTML / CSS في العلامات لتحقيق المحاذاة.
تخفيض السعر
تخفيض السعر
تخفيض السعر
تخفيض السعر
محاذاة العناوين
كيفية إضافة تعليقات إلى Markdown Editor
التعليقات هي طريقة لتوثيق أشياء معينة لفهم الكود / المستندات بشكل أفضل. لن يتم تقديم هذا بواسطة محرك التخفيضات.
كتلة التعليق.
أضف تعليقات إلى المحرر
كيفية تقديم النص كسطر واحد
عادةً عندما تكتب شيئًا ما في سطور منفصلة واحدًا تلو الآخر ، فإن تخفيض السعر سيجعله سطرًا واحدًا.
نص في سطر واحد
يمكنك إنشاء فواصل أسطر بطريقتين.
كسر خط ناعم
استراحة متشددة
فواصل الأسطر اللينة يمكن إنشاؤها عن طريق إضافة مسافتين في نهاية السطر. بهذه الطريقة ، فإن تخفيض السعر سيجعل كل سطر سطورًا منفصلة.
كسر خط ناعم
فواصل المتشددة يمكن إنشاؤها عن طريق إدخال سطر فارغ بين كل سطر.
كسر المتشددين
كيفية إضافة خطوط أفقية
ال قاعدة افقية يمكن إنشاؤها عن طريق وضع ثلاثة أو أكثر العلامات النجمية (*), واصلات (-)، أو الشرطة السفلية (_) على سطر واحد. من المقبول أيضًا إضافة مسافة بينهما.
* * * ___.
أضف خطوط أفقية
كيفية جعل نص عريض
لعمل كلمة أو سطور بالخط العريض، تحيط بالكلمة أو الأسطر الموجودة بين علامتي نجمتين (**) أو شرطة سفلية مزدوجة (__).
** جعل هذه الجملة جريئة باستخدام العلامات النجمية المزدوجة. ** __جعل هذه الجملة غامقة باستخدام شرطة سفلية مزدوجة .__.
خط غامق أو نص
كيفية عمل نص مائل
لعمل كلمات أو خطوط ايطاليا، تحيط بالكلمة أو الأسطر بين العلامات النجمية المفردة (*) أو شرطة سفلية واحدة (_).
* جعل هذا الخط مائلاً باستخدام العلامات النجمية. * _ جعل هذا السطر مائلاً باستخدام الشرطة السفلية.
جعل النص مائل
كيفية إضافة خط الهجوم إلى الخطوط
لضرب أي شيء ، عليك استخدام علامة تيلدا مزدوجة. قم بإحاطة كل ما تريد أن تتوسطه علامات التلدة المزدوجة (~~).
أنا فقط أضرب الكلمة ~~ Howdy ~~. ~~ أنا شطب الخط بأكمله. ~~
أضف خطًا متوسطًا إلى الخطوط
كيفية إضافة Blockquote
استخدم أكبر من رمز (>) ل blockquote.
> سطر واحد blockquote.
اقتباس سطر واحد
انظر كيف يتم تقديم اقتباس الكتلة أدناه. يتم تقديم كلا السطرين في نفس السطر.
> السطر الأول. > السطر الثاني. > الخط الثالث. > السطر الرابع.
اقتباسات متعددة الأسطر
يمكنك استخدام إرجاع السطر بترك مسافتين في نهاية كل سطر. بهذه الطريقة لن يتم عرض كل سطر في سطر واحد.
تقديم الاقتباس في سطر واحد
اترك الأسطر البديلة فارغة مسبوقة بـ "أكبر من رمز". بهذه الطريقة يمكنك إنشاء فاصل أسطر بين كل سطر داخل نفس الكتلة.
> السطر الأول. >> السطر الثاني. >> الخط الثالث. >> السطر الرابع
أضف فاصل أسطر
يمكنك أيضًا إنشاء علامات اقتباس متداخلة عن طريق إضافة رمزين أكبر من الرمزين (>>).
اقتباسات كتلة متداخلة
إنشاء رمز مضمّن
يستخدم رجوع لجعل التعليمات البرمجية المضمنة. يوضح المثال أدناه كيفية إنشاء التعليمات البرمجية المضمنة. انظر إلى ملاحظات الكلمات والملف التمهيدي الذي تم تقديمه كرمز مضمّن.
Markdown هو أحد أفضل الأدوات لتدوين "الملاحظات" وإنشاء ملفات "readme".
أضف التعليمات البرمجية المضمنة
إضافة تمييز بناء جملة التعليمات البرمجية
أضف علامات تبويب أو 4 مسافات وضع الكود الخاص بك لتقديمه ككتلة تعليمات برمجية. بدلاً من ذلك ، ضع الكود الخاص بك بين ثلاثة backticks لجعل الكتلة يتم عرضها ككتلة تعليمات برمجية. الميزة المهمة التي يجب ملاحظتها هنا هي إبراز بناء الجملة. عادةً عندما تضع الرمز داخل الكتلة ، لا يوجد نظام ألوان مطبق عليه.
``` صدى "Hello world" ```
انظر الآن إلى نفس المثال ، يتم تطبيق نظام الألوان تلقائيًا. هذا ممكن عن طريق إضافة اسم لغة البرمجة بعد ثلاثة backticks والتي ستطبق نظام الألوان على الكود.
'' sql. حدد MAX (SALARY_EMP) من EMPLOYEE_TABLE حيث SALARY_EMP كود استعلام SQL
إنشاء قوائم مرتبة وغير مرتبة
يمكن تنظيم العناصر في قوائم مرتبة وقوائم غير مرتبة في تخفيض السعر. لإنشاء قائمة مرتبة ، أضف الأرقام متبوعة بنقطة. الجزء المثير للاهتمام الذي يجب ملاحظته هنا هو أن الرقم لا يلزم أن يكون متسلسلاً. محرك Markdown ذكي بما يكفي لفهم أنه قائمة مرتبة حتى لو قمنا بالترتيب غير المتسلسل.
في المثال أدناه ، يمكنك أن ترى أنني أنشأت قائمة مرتبة بترتيب غير متسلسل (10 ، 15 ، 150) لكن محرك تخفيض السعر يعرضها بالترتيب الصحيح. يمكنك أيضًا إنشاء قائمة متداخلة كما هو موضح في الصورة.
إنشاء قائمة مرتبة
لإنشاء قائمة غير مرتبة ، استخدم علامة الجمع (+) العلامات النجمية (*) أو اندفاعة (-) متبوعًا بمساحة ومحتوى من القائمة. على غرار القائمة المرتبة ، يمكنك إنشاء قائمة متداخلة هنا أيضًا.
إنشاء قائمة غير مصنفة
إنشاء قائمة المهام
هذه ميزة خاصة لـ GFM. يمكنك إنشاء قائمة مهام كما هو موضح في الصورة أدناه. لتمييز المهمة على أنها مكتملة ، يجب عليك إضافة "x" بين الأقواس المربعة كما هو موضح في الصورة.
إنشاء قائمة المهام
أضف روابط إلى نص
لإضافة ارتباط ، اتبع الصيغة أدناه.
[Tecmint] ( https://tecmint.com "أفضل موقع لنظام التشغيل Linux")
دعونا نقسم بناء الجملة إلى 3 أجزاء.
النص المراد عرضه - هذا هو النص الذي سيتم وضعه داخل أقواس مربعة ([Tecmint]).
نهاية لهذه الغاية - ستضع الرابط الفعلي داخل الأقواس.
لقب - عند تحريك الماوس فوق النص ، سيظهر تلميح أداة للارتباط. يجب وضع العنوان بين علامتي اقتباس كما هو موضح في الصورة.
من الصورة أدناه يمكنك أن ترى "تيكمينت"هو نص العرض الخاص بي وعندما أنقر على ذلك سيعيد توجيهي إلى"Tecmint.com”.
إضافة ارتباط إلى نص
يمكنك أيضًا إنشاء روابط بوضعها داخل أقواس زاوية < >.
إنشاء روابط نصية
أضف روابط إلى الصور
يبدو بناء الجملة للصورة مشابهًا لإضافة الروابط. لإضافة صورة ، اتبع الصيغة أدناه.
نص بديل - سيتم وضع النص البديل بين قوسين مربعين (![نص بديل]). إذا تم كسر الصورة أو تعذر تحميل هذا النص فسيتم عرضه مع رمز مكسور.
نهاية لهذه الغاية - داخل الأقواس ، ستضع الرابط الفعلي للصورة.
لقب - عند تحريك الماوس فوق الصورة سيظهر اسم الصورة. يجب وضع العنوان بين علامتي اقتباس كما هو موضح في الصورة.
إضافة ارتباط إلى الصورة
يمكنك أيضًا إنشاء ارتباط بالصور. عندما ينقر المستخدم على الصورة ، سيتم إعادة توجيهه إلى ارتباط خارجي. يبقى بناء الجملة كما هو مع بعض التعديلات. قم بإحاطة نفس الصيغة التي استخدمناها لإدراج صورة داخل أقواس مربعة متبوعة برابط داخل الأقواس.
الجداول ليست مدعومة في النكهة الأصلية لعملية تخفيض السعر. إنها إحدى الميزات الخاصة التي تأتي مع GFM. دعونا نرى كيفية بناء الجدول بطريقة خطوة بخطوة.
الجزء الأول هو إنشاء أسماء الأعمدة. يمكن إنشاء أسماء الأعمدة بفصلها عن طريق الأنابيب (|).
| EMPLOYEE_NAME | EMPLOYEE_AGE | EMPLOYEE_ID |
في السطر الثاني ، استخدم الشرطات (-) بالاشتراك مع القولون (:). تخبر الشرطات محرك تخفيض السعر أنه سيتم عرضه كجدول ، ويقرر النقطتان ما إذا كان يجب أن يكون نصنا محاذيًا إلى الوسط أو اليسار أو اليمين.
من الصورة أعلاه ، يمكنك رؤية الجدول يتم تقديمه بشكل صحيح. العمود 1 بمحاذاة الوسط ، والعمودان 2 و 3 إلى اليسار واليمين. إذا كنت تستخدم ملفات فسكود، يمكنك استخدام "مقلد الجدول Prettifier"لتنسيق الجدول بدقة.
قم بإنشاء Emoji
يدعم GFM مجموعة واسعة من الرموز التعبيرية. ألق نظرة على ورقة الغش الرموز التعبيرية.
أضف Emoji في Markdown
هذا كل ما في هذا المقال. إذا كان لديك أي ملاحظات يرجى نشرها في قسم التعليقات.