Softonic

تحويل ماركداون إلى شرائح عرض

خطوة 1 / 3
التالي

اكتب العروض التقديمية بالطريقة نفسها التي تكتب بها ملفات README: عناوين ماركداون وقوائم نقطية وكتل كود، مفصولة بخطوط أفقية --- إلى شرائح. تعرض الأداة عرضك بشكل مباشر باستخدام Reveal.js (السِمات: أسود، أبيض، بسيط، solarized)، وتدعم ملاحظات المتحدث عبر Note:، والشرائح الرأسية المتداخلة عبر --، وتصدّر إلى ملف HTML مستقل أو ملف PDF جاهز للطباعة.

كيف يتحول ماركداون إلى مجموعة شرائح

  1. 1

    اكتب ماركداون

    استخدم `---` لفصل الشرائح. تعمل العناوين والقوائم وكتل الكود القياسية كالمعتاد.

  2. 2

    أضف ملاحظات المتحدث

    ابدأ الفقرة بالبادئة `Note:`: تظهر في وضع مقدّم العرض فقط.

  3. 3

    عاين العرض

    تعرض المعاينة الحية العرض مع التنقل بمفاتيح الأسهم.

  4. 4

    اختر سِمة

    أسود، أبيض، league، sky، بسيط، solarized: أي سِمة من سمات Reveal.js.

  5. 5

    التصدير

    ملف HTML مستقل أو ملف PDF عبر طباعة المتصفح.

بنية الشرائح

# الشريحة الافتتاحية

نص العنوان الفرعي هنا

---

## الشريحة الثانية

- النقطة الأولى
- النقطة الثانية
- النقطة الثالثة

Note: هذه ملاحظات متحدث تظهر في وضع العرض فقط.

---

## شريحة الكود

\`\`\`python
def hello(name):
    return f"Hi {name}"
\`\`\`
  • الرمز --- (ثلاث شرطات في سطر مستقل) يبدأ شريحة أفقية جديدة.
  • الرمز -- (شرطتان) يبدأ شريحة رأسية داخل عمود الشريحة الحالي، اضغط السهم للأسفل للنزول.
  • الرمز Note: في بداية الفقرة يتحول إلى ملاحظة متحدث.

التنقل عبر لوحة المفاتيح

المفتاح الإجراء
يمين / مسافة الشريحة التالية
يسار الشريحة السابقة
أسفل / أعلى التنقل في المكدس الرأسي
s فتح عرض المتحدث
o نظرة عامة على الشرائح
f ملء الشاشة
? نافذة المساعدة

حيل التخطيط

  • تخطيط بعمودين: استخدم HTML خامًا داخل الشريحة، <div class="columns">...</div>.
  • الكشف التدريجي: تظهر عناصر القوائم النقطية واحدة تلو الأخرى مع خاصية {.fragment} عند استخدام Reveal.js مباشرةً؛ أضِفها ككود HTML خام عند الحاجة.
  • صور الخلفية: تحدد خاصية على مستوى الشريحة <!-- .slide: data-background="url" --> خلفية تملأ الشاشة بالكامل.
  • التحريك التلقائي بين الشرائح: يدعم Reveal 4 انتقالات سلسة للعناصر المتطابقة، فعّلها في إعدادات السِمة.

التصدير إلى PDF

من المعاينة الحية، افتح ?print-pdf في عنوان المتصفح واستخدم نافذة الطباعة. اختر A4 أفقيًا، مع تفعيل رسومات الخلفية وضبط الهوامش إلى الحد الأدنى. ينتج Reveal.js شريحة واحدة لكل صفحة، مع ملاحظات المتحدث على صفحات إضافية اختيارية.

متى تتألق الشرائح المبنية على ماركداون

  • المحادثات التقنية الغنية بأمثلة الكود.
  • العروض التي يأتي فيها المحتوى أولًا ويكون التصميم ثانويًا.
  • المستندات على شكل شرائح، احتفظ بالعروض بجوار ملف README للمشروع في Git.
  • المواد التدريبية الخاضعة للتحكم في الإصدارات.

متى لا تناسب

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

الأسئلة الشائعة

نعم، تعمل صيغة الصور القياسية في ماركداون بشكل صحيح. استخدم عناوين URL مطلقة أو ارفع الصور مسبقًا لضمان إمكانية الوصول إليها من ملف HTML المصدَّر.

نعم، بشكل اختياري. يدعم وضع الطباعة في Reveal خيار “الملاحظات كصفحة منفصلة”، حيث تتحول كل شريحة إلى صفحتين في PDF: إحداهما تحتوي على الشريحة والأخرى على الملاحظات.

لا. تتم عملية التصيير محليًا في متصفحك؛ ولا يغادر مصدر ماركداون ولا ملف HTML المصدَّر جهازك أبدًا.

نعم. أضف كتلة <style> في بداية ملف ماركداون، أو اربط ورقة أنماط خارجية في إعدادات السِمة؛ فتُدرَج تلقائيًا في ناتج Reveal.js.

ملف HTML المصدَّر ملف مستقل يعمل على أي استضافة ثابتة، مثل GitHub Pages أو Netlify أو S3؛ ما عليك سوى رفع الملف وينتهي الأمر.

أدوات ذات صلة

مرجع جدول ASCII

جدول ASCII كامل من 0 إلى 127 مع التمثيل العشري والست عشري والثماني والثنائي والمرجع الرقمي في HTML لكل محرف، بما في ذلك أكواد التحكم مثل NUL وLF وDEL.

مرجع أحرف HTML

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

مرجع اختصارات لوحة المفاتيح

ابحث في الاختصارات الافتراضية الموثقة لـ VS Code وChrome وBash مع GNU Readline على macOS وWindows وLinux.

عدّاد FPS

قِس معدل الإطارات FPS في المتصفح عبر requestAnimationFrame: تنعيم، وأدنى وأقصى معدل إطارات، وحد تنبيه، ورسم بياني اختياري. يعمل محليًا بلا رفع ملفات وبلا API.

مدقق البريد الإلكتروني

تحقق من عنوان بريد إلكتروني: فحص صياغة RFC 5322، واستعلام حي عن سجل MX، بالإضافة إلى تفاصيل الجزء المحلي والنطاق والطول. لا يتم إرسال أي بريد.

مولد EditorConfig

أنشئ ملف .editorconfig بقواعد نمط المسافة البادئة وحجمها ونهاية السطر ومجموعة الأحرف والمسافات البيضاء، لتنسيق موحّد عبر بيئات التطوير المتكاملة (IDEs) والمحررات.

الأداة متاحة بلغات أخرى