تقدم هذه المقالة عينة من قواعد Markdown الأساسية التي يمكن استخدامها في ملفات محتوى Hugo، كما تظهر ما إذا كانت عناصر HTML الأساسية مزينة باستخدام CSS في سمة Hugo.

العناوين

عناصر HTML التالية <h1>—<h6> تمثل si x مستويات عناوين الأقسام. <h1> هو أعلى مستوى للقسم بينما <h6> هو المستوى الأدنى.

H1

H2

H3

H4

H5

H6

فقرة

زيروم، الذي يمكنني أن أشرح معه من يتألم. وعندما آتي إليك وأنا مبتلى بالسرور، أو ولد، أو هو أحمق، فإن الذي آلمني بالسرور هو خبير في أشياء كثيرة، أو الذي يمزقه ويمزقه، ويمزق إرادته كأنه أهل للستر فهل يذهب إلى القلب ليتبع نفس الأمور التي في قلبه؟ ولماذا يرتفع المسام وهو يوضع في مكان لا يعرف فيه إرادة الفأر ولا كل شيء؟ سأكون هادئا. لأن قلبي مضطرب بطريقة ما، فأمزقهم وأجففهم، حتى أتركهم دون أن يهربوا. إنه يكره الحقيقة، التي موجة veliamenim هي السبب والوجه نفسه، أنت الذي في موقف آلام الطبعة.

هل هو السفر؟ لأن هناك بعض الأشياء التي تكرهها أو تكرهها في أمر كل واحد منها، ستأكل حتى لا تدع ذكائك يخفي حقيقة أن القلب والقلب أو ما هو مضحك سيخرج منه.

اقتباسات مقتبسة

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

اقتباس بدون إسناد

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

اقتباس مع الإسناد

لا تتواصل من خلال مشاركة الذاكرة، بل شارك الذاكرة من خلال التواصل.
— روب بايك¹

الجداول

الجداول ليست جزءًا من مواصفات Markdown الأساسية، ولكن Hugo يدعمها بشكل جاهز للاستخدام.

الاسم	العمر
بوب	27
أليس	23

ترميز Markdown مضمّن داخل الجداول

Italics	Bold	Code
italics	bold	`code`

A	B	C	D	E	F
Lorem ipsum dolor sit amet, consectetur adipiscing elit.	Phasellus ultricies, sapien non euismod aliquam, dui ligula tincidunt odio, at accumsan nulla sapien eget ex.	Proin eleifend dictum ipsum, non euismod ipsum pulvinar et. Vivamus sollicitudin, quam in pulvinar aliquam, metus elit pretium purus	Proin sit amet velit nec enim imperdiet vehicula.	Ut bibendum vestibulum quam, eu egestas turpis gravida nec	Sed scelerisque nec turpis vel viverra. Vivamus vitae pretium sapien

كتل التعليمات البرمجية

كتلة التعليمات البرمجية مع علامات الاقتباس العكسية

 1
 2
 3
 4
 5
 6
 7
 8
 9
10


<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>مثال على مستند HTML5</title>
</head>
<body>
  <p>امتحان</p>
</body>
</html>

كتلة التعليمات البرمجية مسننة بأربعة مسافات

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>مثال على مستند HTML5</title>
</head>
<body>
  <p>امتحان</p>
</body>
</html>

كتلة التعليمات البرمجية مع تمييز داخلي لـ Hugo

 1
 2
 3
 4
 5
 6
 7
 8
 9
10


<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>مثال على مستند HTML5</title>
</head>
<body>
  <p>امتحان</p>
</body>
</html>

كتلة الكود التفاضلي

1
2
3
4
5


[dependencies.bevy]
git = "https://github.com/bevyengine/bevy"
rev = "11f52b8c72fc3a568e8bb4a4cd1f3eb025ac2e13"
- features = ["dynamic"]
+ features = ["jpeg", "dynamic"]

أنواع القوائم

قائمة مرتبة

البند الأول
البند الثاني
البند الثالث

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

عنصر القائمة
عنصر آخر * وعنصر آخر

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

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

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

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

H₂O

Xⁿ + Yⁿ = Zⁿ

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

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

صورة ذات ارتباط تشعبي

الاقتباس أعلاه مقتبس من محادثة روب بايك خلال مهرجان Gopherfest، في 18 تشرين الثاني (نوفمبر) 2015. ↩︎

دليل بناء الجملة في لغة ترميز Markdown

مقالة نموذجية تعرض قواعد لغة ترميز Markdown الأساسية وتنسيق عناصر HTML.