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

العناوين

تمثل عناصر HTML التالية <h1>—<h6> ستة مستويات من العناوين. الوسم <h1> هو اﻷكبر بينما الوسم <h6> هو الأصغر.

H1

H2

H3

H4

H5
H6

النص العادي

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

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

ومن هنا وجب على المصمم أن يضع نصوصا مؤقتة على التصميم ليظهر للعميل الشكل كاملاً،دور مولد النص العربى أن يوفر على المصمم عناء البحث عن نص بديل لا علاقة له بالموضوع الذى يتحدث عنه التصميم فيظهر بشكل لا يليق.

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

الاقتباس

يمثل هذا العنصر النصوص المقتبسة من مصادر أخرى، ويمكن أن يحتوى على مرجع هذا الاقتباس والذي يوضع بين عنصر footer أة citeاختياريًا مع التغييرات المضمنة مثل التعليقات التوضيحية والاختصارات.

اقتباس بدون مصدر

هذا عبارة عن نص مقتبس لاحظ أنه يمكنك استخدام صياغة ماركداون داخل الاقتباس.

اقتباس مع المصدر

هذا عبارة عن نص مقتبس
— المصدر1

الجداول

يدعم هوجو كتابة الجداول على الرغم من أنها ليست جزءًا من المواصفات القياسية للغة ماركداون.

الاسمالسن
عمر27
أسماء23

استخدام ماركداون داخل الجداول

مائلسميككود
مائلسميككود

الأكواد

كتابة كتلة أكواد باستخدام الفاصلة العليا المائلة

 1<!doctype html>
 2<html lang="ar" dir="rtl">
 3<head>
 4  <meta charset="utf-8">
 5  <title>مستند HTML5</title>
 6</head>
 7<body>
 8  <p>تجربة</p>
 9</body>
10</html>

كتابة كتلة أكواد باستخدام الرمز المختصر ضمن هوجو

 1<!doctype html>
 2<html lang="ar" dir="rtl">
 3<head>
 4  <meta charset="utf-8">
 5  <title>مستند HTML5 آخر</title>
 6</head>
 7<body>
 8  <p>نص طوييييييييييييييييييييييييييييييييييييييييييييييييييييييييييييل</p>
 9</body>
10</html>

القوائم

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

  1. العنصر اﻷول
  2. العنصر الثاني
  3. العنصر الثالث

القوائم غير المرتبة

  • عنصر قائمة
  • عنصر قائمة آخر
  • عنصر قائمة ثالث

القوائم المتداخلة

  • الفواكهة
    • التفاح
    • البرتقال
    • الموز
  • الألبان
    • الحليب
    • الجبن

قائمة المهام

  • مكتمل
  • مهمة

عناصر أخرى — abbr - sub - sup - kbd - mark

GIF هو تنسيق صورة نقطية.

H2O

سأ + صأ = عأ

اضغط CTRL+ALT+Delete ﻹنهاء الجلسة.

ينشط معظم السمندل في الليل ويصطاد الحشرات والديدان وغيرها من الكائنات الصغيرة.

  1. هذا النص مقتبس من لا شيء. ↩︎