كيفية تحويل تحويل Markdown إلى HTML
- 01أضف ملفات Markdownاختر الملفات أو أفلتها على الصفحة.
- 02التحويل على جهازكلا يُرفع أي شيء. عدّل الإعدادات إن أردت.
- 03تنزيلاحفظ كل ملف على حدة، أو كلها في ملف ZIP واحد.

ما هو Markdown؟
نص عادي بعلامات تنسيق خفيفة. يُستخدم في ملفات README والملاحظات والوثائق.
حوّل ملف Markdown (.md) إلى HTML: إما صفحة ويب كاملة بأنماط مدمجة نظيفة تُفتح في أي متصفح، وإما جزء HTML فقط للصقه في نظام إدارة محتوى أو أداة لتصميم الرسائل البريدية أو قالب. تتبع الأداة Markdown بنكهة GitHub وتعمل في متصفحك، فتبقى المسودات والوثائق الداخلية على جهازك.
صفحة كاملة أو جزء HTML
إعداد «صفحة كاملة مع الأنماط» مفعّل افتراضيًا. تحصل على ملف .html مستقل فيه doctype وترميز UTF-8 ووسم viewport ليُقرأ جيدًا على الهواتف وعنوان للصفحة وورقة أنماط صغيرة: عمود مريح للقراءة بعرض نحو 46rem، وخط النظام، وعناوين وجداول وكتل كود تشبه GitHub، وسمة داكنة عندما يكون جهاز القارئ مضبوطًا على الوضع الداكن.
يُؤخذ العنوان من أول عنوان #، مع حذف علامات التنسيق. وإن لم يكن في الملف عنوان كهذا، يُستخدم اسم الملف. تُعلَّم الصفحة بأنها بالإنجليزية (lang="en")، لذا غيّر ذلك في الملف إن كان نصك بلغة أخرى.
أوقف الإعداد لتحصل على HTML الجسم المحوَّل فقط، دون head أو عنوان أو أنماط. هذه هي النسخة التي تلصقها في WordPress أو أداة نشرات بريدية أو قالبك الخاص.
ميزات Markdown التي تتحول
- العناوين، والخط العريض، والمائل، والروابط، والصور، والاقتباسات، والخطوط الأفقية، والقوائم المرقمة وغير المرقمة.
- الجداول، بما في ذلك محاذاة الأعمدة: العمود :-: يُوسَّط.
- قوائم المهام: - [x] و- [ ] تصبح مربعات اختيار (معروضة، لكنها غير قابلة للنقر).
- ~~النص المشطوب~~، وعناوين الويب المجردة التي تصبح روابط تلقائيًا.
- كتل الكود المحاطة. اللغة التي تذكرها (```js) تبقى فئة مثل language-js، لكن لا تُضاف ألوان للصياغة. أضف أداة تلوين مثل Prism أو highlight.js إن احتجت إليها.
ما الذي لا يتحول بالطريقة التي قد تتوقعها
- البيانات التمهيدية (front matter). كتلة --- في الأعلى فيها أسطر title: وdate: لا يُتعرَّف عليها. بل تتحول إلى خط أفقي وعنوان، لذا احذفها قبل التحويل.
- الحواشي. علامات [^1] غير مدعومة وتتحول إلى روابط غريبة. أعد كتابتها نصًا عاديًا أو روابط.
- فواصل الأسطر المفردة. الأسطر المتجاورة تندمج في فقرة واحدة. اترك سطرًا فارغًا لفقرة جديدة، أو أنهِ السطر بمسافتين أو بشرطة مائلة عكسية لفاصل سطر.
- مراسي العناوين. لا تحصل العناوين على id، لذا لن تنتقل روابط مثل #installation إلى أي مكان، ولا يُنشأ جدول محتويات.
- الصور. تبقى المسارات كما كُتبت ولا تُضمَّن الصور. أبقِ ملفات الصور بجوار ملف HTML ببنية المجلدات نفسها.
- المعادلات الرياضية والمخططات وإضافات GitHub مثل مربعات التنبيه ورموز الإيموجي المختصرة والإشارات @ لا تُعرض. بل تبقى نصًا عاديًا أو كتل كود.
HTML الخام يمر كما هو
HTML المكتوب داخل Markdown، مثل كتلة <details> أو <div>، يُنسخ إلى الناتج دون تغيير، بما في ذلك وسوم <script>: لا يُنقّى أي شيء. هذا مقبول لملفاتك الخاصة، لكن إن جاء Markdown من أشخاص آخرين وكان HTML سيُنشر على موقع ويب، فمرّره على أداة تنقية أولًا.
أداة HTML إلى Markdown تعمل في الاتجاه المعاكس. ولملف قابل للطباعة، أنشئ صفحة كاملة هنا ثم استخدم أداة HTML إلى PDF.
نظرة سريعة
- السعر
- مجاني. بلا تسجيل وبلا علامة مائية.
- الخصوصية
- تُعالَج الملفات في متصفحك ولا تُرفع أبدًا.
- يقبل
- MD, MARKDOWN
- ستحصل على
- HTML
- دفعة
- حوّل ملفات كثيرة دفعة واحدة ونزّلها في ملف ZIP
- يعمل على
- Chrome وEdge وFirefox وSafari، على الهواتف والحواسيب
- دون اتصال
- بعد أول تحويل، يواصل العمل دون إنترنت
الأسئلة
هل تُرفع ملفاتي؟
أبدًا. يجري تحويل Markdown إلى HTML داخل متصفحك، فتبقى ملفاتك على جهازك.
هل يمكنني تحويل عدة ملفات دفعة واحدة؟
نعم. أضف ما تشاء من الملفات ونزّلها كلها في ملف ZIP واحد.
هل يوجد حد لحجم الملف؟
الملفات التي تبلغ عشرات الميغابايت لا مشكلة فيها على معظم أجهزة الكمبيوتر.
هل سيتحول ملف README من GitHub بشكل صحيح؟
في الغالب نعم. الجداول وقوائم المهام وكتل الكود والنص المشطوب تعمل. أما إضافات GitHub الخاصة مثل مربعات التنبيه ورموز الإيموجي المختصرة ومراسي العناوين فلا تعمل.
كيف ألصق النتيجة في WordPress أو نظام إدارة محتوى آخر؟
أوقف «صفحة كاملة مع الأنماط»، وافتح ملف .html في محرّر نصوص، والصق محتواه في عرض HTML في نظام إدارة المحتوى.
هل يُلوَّن الكود حسب الصياغة؟
لا. تُنسَّق كتل الكود على أنها كود مع فئة للغة، لكن الألوان تحتاج إلى سكربت تلوين في الصفحة.