كيفية تحويل Markdown إلى HTML
إجابة سريعة
Markdown يستخدم # للعناوين و**للعريض** و*للمائل* و[text](url) للروابط. استخدم محول Markdown إلى HTML المجاني للتحويل الفوري في متصفحك — يدعم GFM والقوائم والجداول والأكواد.
مقدمة
Markdown هي لغة ترميز خفيفة تستخدم بناء جملة بسيط للعناوين والخط العريض والروابط والقوائم. تحويلها إلى HTML ينتج عناصر ويب قياسية. القواعد الشائعة: # للعناوين، ** للخط العريض، * للمائل، [text](url) للروابط.
خطوة بخطوة
-
افتح تخفيض السعر إلى محول HTML
انتقل إلى صفحة أداة Markdown to HTML. تقبل الأداة أي نص Markdown كمدخل.
-
الصق نص تخفيض السعر الخاص بك
الصق تخفيض السعر في منطقة نص الإدخال. بناء الجملة الشائع: # لـ H1، **bold** للخط الغامق، *مائل* للخط المائل، - لعناصر القائمة، [text](url) للروابط،  للصور، و``` لكتل التعليمات البرمجية.
-
قم بمراجعة الإخراج HTML
تقوم الأداة بتوزيع Markdown وإخراج HTML على الفور. على سبيل المثال، # Hello يصبح <h1>Hello</h1>، و **bold** يصبح <strong>bold</strong>. يظهر HTML في حقل الإخراج.
-
انسخ HTML
انقر فوق "نسخ" لنسخ HTML إلى الحافظة الخاصة بك. قم بلصقه في موقع الويب الخاص بك، أو نظام إدارة المحتوى (CMS)، أو قالب البريد الإلكتروني. HTML جاهز للعرض في أي متصفح.
-
معاينة الإخراج المقدم (اختياري)
تعرض بعض الأدوات أيضًا معاينة مباشرة لكيفية عرض HTML في المتصفح. يساعدك هذا على التحقق من التحويل قبل نسخ HTML.
أمثلة
العنوان والفقرة
مدخل: # أهلا بالعالم
هذه فقرة.
الإخراج: <h1>Hello World</h1>
<p>This is a paragraph.</p>
غامق، مائل، والارتباط
مدخل: **bold** and *italic* and [link](https://example.com)
الإخراج: <strong>bold</strong> and <em>italic</em> and <a href="https://example.com">link</a>
قائمة غير مرتبة
مدخل: - البند 1
- البند 2
- البند 3
الإخراج: <ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
كتلة التعليمات البرمجية
مدخل: ```
const x = 42;
```
الإخراج: <pre><code>const x = 42;</code></pre>
المشاكل الشائعة
- الخام HTML في Markdown - يمر معظم محللي Markdown عبر HTML الخام، لكن البعض يعقمه. تحقق من سلوك المحلل اللغوي إذا قمت بتضمين HTML.
- القوائم المتداخلة - المسافة البادئة مهمة. استخدم مسافتين أو 4 مسافات بشكل متسق لعناصر القائمة المتداخلة؛ يمكن أن يؤدي خلطها إلى كسر بنية القائمة.
- الأحرف الخاصة - يجب تخطي الأحرف مثل <، >، و& في نص Markdown كـ <، >، & في HTML. عادةً ما يتعامل المحللون مع هذا تلقائيًا.
- فواصل الأسطر - في Markdown القياسي، لا يؤدي سطر جديد واحد إلى إنشاء فاصل أسطر؛ تحتاج إلى مسافتين في نهاية السطر أو سطرين جديدين لفاصل الفقرة.
نصائح
- استخدم Markdown للكتابة والتوثيق، ثم قم بالتحويل إلى HTML للنشر — Markdown أسهل بكثير في القراءة والكتابة من HTML.
- يضيف GitHub Flavoured Markdown (GFM) جداول ويتوسطه خط وقوائم مهام أعلى Markdown القياسي — تحقق مما إذا كانت أداتك تدعم هذه الامتدادات.
- بالنسبة إلى منشورات المدونة، اكتب في Markdown وقم بالتحويل إلى HTML في وقت الإنشاء (تقوم مولدات المواقع الثابتة مثل Astro وHugo وJekyll بذلك تلقائيًا).
- استخدم محول Markdown to HTML للتحويل الفوري والخاص - لا يغادر المحتوى الخاص بك متصفحك أبدًا.