fe3a058dfc
Yes, the translation is dogshit, I didn't have time to translate it myself, so here we are, using DeepL
13 KiB
+++ template = "article.html" title = "صفحة العرض التوضيحي" [extra] archive = "هذه الصفحة، في الواقع، ليست مؤرشفة، مما يعني أنها ستتلقى تحديثات المحتوى." trigger = "تحتوي هذه الصفحة على بلاك جاك ومومسات، ونكات سيئة مثل هذه النكتة." disclaimer = """
- يتم تنفيذ جميع الحيل في هذه الصفحة من قبل فتيان المختبر، لا تجرب ذلك في المنزل
- لا تعرض نفسك لدرجة حرارة 4000 درجة كلفن
- لا تتخذ موقف التقديم المرافقة الحزبية
- لا تتفاعل مع الأسبستوس وصخور القمر """ +++
يمكن أن يكون النص بخط غامق، أو أحرف كبيرة، أو ~~ يتوسطه خط~~.
يجب أن تكون هناك مسافات بيضاء بين الفقرات.
نوصي بتضمين ملف README، أو ملف يحتوي على معلومات حول مشروعك.
العنوان ١
هذه فقرة عادية تلي رأس الصفحة. Codeberg هي منصة استضافة أكواد للتحكم في الإصدار والتعاون. تتيح لك وللآخرين العمل معاً على المشاريع من أي مكان.
العنوان ٢
هذا اقتباس مجمّع بعد رأس الصفحة.
عندما يكون الشيء مهمًا بما فيه الكفاية، فإنك تقوم به حتى لو لم تكن الاحتمالات في غير صالحك.
العنوان ٣
// كود جافا سكريبت مع تمييز بناء الجملة
var fun = function lang(l) {
dateformat.i18n = require("./lang/" + l);
return true;
};
# كود روبي مع تمييز بناء الجملة
GitHubPages::Dependencies.gems.each do |gem, version|
s.add_dependency(gem, "= #{version}")
end
العنوان ٤
- هذه قائمة غير مرتبة تتبع رأساً.
- هذه قائمة غير مرتبة تتبع رأساً.
- هذه قائمة غير مرتبة تتبع رأساً.
العنوان ٥
- هذه قائمة مرتبة تلي رأس القائمة.
- هذه قائمة مرتبة تلي رأس القائمة.
- هذه قائمة مرتبة تلي رأس القائمة.
العنوان ٦
| head1 | head two | three |
|---|---|---|
| ok | good swedish fish | nice |
| out of stock | good and plenty | nice |
| ok | good oreos |
hmm |
| ok | good zoute drop |
yumm |
هناك قاعدة أفقية أسفل هذا.
فيما يلي قائمة غير مرتبة:
- Item foo
- Item bar
- Item baz
- Item zip
وقائمة مرتبة:
- Item one
- Item two
- Item three
- Item four
وقائمة متداخلة:
- level 1 item
- level 2 item
- level 2 item
- level 3 item
- level 3 item
- level 1 item
- level 2 item
- level 2 item
- level 2 item
- level 1 item
- level 2 item
- level 2 item
- level 1 item
فيما يلي مربعات الاختيار:
- Milk
- Eggs
- Flour
- Coffee
- Combustible lemons
نفس الشيء ولكن تفاعلية
- Milk
- Eggs
- Flour
- Coffee
- Combustible lemons
مع نوع الراديو
- Milk
- Eggs
- Flour
- Coffee
- Combustible lemons
صورة صغيرة
{{ image(url="https://codeberg.org/Codeberg/Design/raw/branch/main/logo/icon/png/codeberg-logo_icon_blue-64x64.png", alt="Codeberg icon", transparent=true, no_hover=true) }}
صورة كبيرة
{{ image(url="https://codeberg.org/Codeberg/Design/raw/branch/main/logo/horizontal/png/codeberg-logo_horizontal_blue-850x250.png", alt="Codeberg horizontal", transparent=true, no_hover=true) }}
يمكن استخدام قوائم التعريف مع صيغة HTML.
- Name
- Godzilla
- Born
- 1952
- Birthplace
- Japan
- Color
- Green
يجب ألا تلتف كتل التعليمات البرمجية الطويلة ذات السطر الواحد. يجب أن يتم تمريرها أفقيًا إذا كانت طويلة جدًا. يجب أن يكون هذا السطر طويلًا بما يكفي لتوضيح ذلك.
العنصر الأخير
إضافي
حسنًا الآن بعد أن انتهت الصفحة التجريبية العامة (الموسعة قليلًا) ~~~ جيكل~~~ زولا، يمكننا الآن الوصول إلى الأشياء المخصصة، والتي صدقوني، إنها رائعة.
😭😂🥺🤣❤️✨🙏😍🥰😊
الرموز القصيرة
يوفر Duckquill بعض [الرموز القصيرة] (https://www.getzola.org/documentation/content/shortcodes/) المفيدة التي تبسط بعض المهام.
الصورة
تأتي الصور بشكل افتراضي مزودة بتصميم، مثل الزوايا المستديرة والظل. لضبطها، يمكنك استخدام الرموز القصيرة مع تركيبات متغيرة مختلفة.
المتغيرات المتاحة هي:
- 'URL': عنوان URL للصورة.
- 'URL': عنوان URL لنسخة مضغوطة من الصورة، يمكن فتح النسخة الأصلية بالنقر على الصورة.
- 'Alt': النص البديل، كما لو كان النص داخل قوسين مربعين في Markdown.
- 'كامل': يفرض أن تكون الصورة/الفيديو بالعرض الكامل.
- "بكسل": يستخدم خوارزمية الجار الأقرب للقياس، وهي مفيدة للحفاظ على وضوح الصورة/ الفيديو بالبكسل.
- 'شفاف': يزيل الزوايا المستديرة والظل، مفيد للصور الشفافة.
- 'لا_تحريك': يزيل التكبير عند التحويم.
يجب أن تكون المتغيرات مفصولة بفاصلة وأن تكون داخل الأقواس.
{{/* image(url="image.png", alt="This is an image" no_hover=true) */}}
{{ image(url="https://i1.theportalwiki.net/img/2/23/Ashpd_blueprint.jpg", alt="Portal Gun blueprint", no_hover=true) }}
{{ image(url="https://upload.wikimedia.org/wikipedia/commons/b/b4/JPEG_example_JPG_RIP_100.jpg", url_min="https://upload.wikimedia.org/wikipedia/commons/3/38/JPEG_example_JPG_RIP_010.jpg", alt="The gravestone of J.P.G.", no_hover=true) }}
وبدلًا من ذلك، يمكنك إلحاق روابط url التالية. يمكن أن يكون ذلك أكثر فائدة في بعض الحالات، على سبيل المثال ستُعرض هذه الصور بشكل طبيعي في أي محرر Markdown، على عكس رموز Zola القصيرة.
- '# #full': يفرض أن تكون الصورة/الفيديو بالعرض الكامل.
- '# بكسل': يستخدم خوارزمية الجار الأقرب للقياس، وهي مفيدة للحفاظ على وضوح الصورة/ الفيديو بالبكسل.
- '#شفاف': يزيل الزوايا المستديرة والظل، مفيد للصور الشفافة.
- '#عدم التحويم': يزيل التكبير عند التحويم.
فيديو
مثل الصور، ولكن مع بعض الاختلافات: لا يتوفر "لا_تحريك" و"URL_min".
{{/* video(url="video.webm", alt="This is a video") */}}
{{ video(url="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm", alt="Red flower wakes up") }}
CRT
حسنًا، هذا لا يبسط أي شيء، بل يضيف فقط تأثيرًا يشبه تأثير CRT حول كتل شيفرة Markdown.
{%/* crt() */%}
-> Markdown code block <-
{%/* end */%}
{% crt() %}
_____________________________________________
|.'', Public_Library_Halls ,''.|
|.'.'', ,''.'.|
|.'.'.'', ,''.'.'.|
|.'.'.'.'', ,''.'.'.'.|
|.'.'.'.'.| |.'.'.'.'.|
|.'.'.'.'.|===; ;===|.'.'.'.'.|
|.'.'.'.'.|:::|', ,'|:::|.'.'.'.'.|
|.'.'.'.'.|---|'.|, _______ ,|.'|---|.'.'.'.'.|
|.'.'.'.'.|:::|'.|'|???????|'|.'|:::|.'.'.'.'.|
|,',',',',|---|',|'|???????|'|,'|---|,',',',',|
|.'.'.'.'.|:::|'.|'|???????|'|.'|:::|.'.'.'.'.|
|.'.'.'.'.|---|',' /%%%\ ','|---|.'.'.'.'.|
|.'.'.'.'.|===:' /%%%%%\ ':===|.'.'.'.'.|
|.'.'.'.'.|%%%%%%%%%%%%%%%%%%%%%%%%%|.'.'.'.'.|
|.'.'.'.',' /%%%%%%%%%\ ','.'.'.'.|
|.'.'.',' /%%%%%%%%%%%\ ','.'.'.|
|.'.',' /%%%%%%%%%%%%%\ ','.'.|
|.',' /%%%%%%%%%%%%%%%\ ','.|
|;____________/%%%%%Spicer%%%%%%\____________;|
{% end %}
التسميات التوضيحية
يمكن أن تحتوي الوسائط على وصف نصي إضافي باستخدام علامة <figcaption> HTML تحتها مباشرةً.
<figcaption>التعليق على الصورة</figcaption>
أكورديون
يمكن أن أكون مفسداً، يمكن أن أكون نصاً طويلاً، يمكن أن أكون أي شيء.
_كواك كواك!
صغير
نص صغير ولطيف لا يلفت الانتباه.
الاختصار
إن ASCII الفن رائع!
إلى جانب ذلك
والريشة هي أداة كتابة مصنوعة من ريشة طيران متحللة (ويفضل أن تكون ريشة جناح أساسية) لطائر كبير. كانت الريشة تستخدم للكتابة بالحبر قبل اختراع القلم الغاطس والقلم ذي الرأس المعدني وقلم الحبر، وأخيراً قلم الحبر الجاف.
وكما هو الحال مع قلم القصب السابق (والقلم الغاطس فيما بعد)، فإن الريشة لا تحتوي على خزان حبر داخلي، وبالتالي يجب غمسها بشكل دوري في محبرة أثناء الكتابة. ونادراً ما تُستخدم ريشة الإوزة المقطوعة يدوياً كأداة للخط بعد الآن لأن العديد من الأوراق الآن مشتقة من لب الخشب وسرعان ما تبلى الريشة. ومع ذلك فهي لا تزال الأداة المفضلة لعدد قليل من الكتبة الذين لاحظوا أن الريشة توفر حداً حاداً لا مثيل له بالإضافة إلى مرونة أكبر من القلم الفولاذي.
اختصار لوحة المفاتيح
<kbd>⌘ Super</kbd> + <kbd>Space</kbd>
لتبديل تخطيط لوحة المفاتيح، اضغط على ⌘ Super + Space.
تم تسليط الضوء على
أتعلم ماذا؟ سأقول بعض الأشياء المهمة جداً، مهمة جداً لدرجة أن الخط العريض لا يكفي.
رابط خارجي
<a class="external" href="https://example.org">رابط الموقع</a>
الأزرار
<div class="dialog-buttons">
<a class="inline-button" href="#top">الانتقال إلى الأعلى</a>
<a class="inline-button colored external" href="{{ config.extra.issues_url }}">ملف مشكلة</a>
</div>
انظر إلى نهاية هذه الصفحة xD