tabi/ar/blog/markdown/index.html

<!doctype html><html lang=ar><head><meta charset=UTF-8><meta content="default-src 'self';font-src 'self' data:;img-src 'self' https://* data:;media-src 'self' https://cdn.jsdelivr.net/;style-src 'self';frame-src player.vimeo.com https://www.youtube-nocookie.com;connect-src 'self' https://tabi-stats.osc.garden vhiweeypifbwacashxjz.supabase.co;script-src 'self' https://tabi-stats.osc.garden  cdn.jsdelivr.net 'self'" http-equiv=Content-Security-Policy><meta content="width=device-width,initial-scale=1.0" name=viewport><meta content=https://welpo.github.io/tabi name=base><title>
~/تابي • أمثلة على ماركداون</title><link href=https://welpo.github.io/tabi/img/seedling.png rel=icon type=image/png><link href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y="50%" x="50%" dominant-baseline="central" text-anchor="middle" font-size="88">🌱</text></svg>' rel=icon><link title="~/تابي - Atom Feed" href=https://welpo.github.io/tabi/atom.xml rel=alternate type=application/atom+xml><link href="https://welpo.github.io/tabi/custom_subset.css?h=0b9535a28bc3d5bf2321" rel=stylesheet><link href="https://welpo.github.io/tabi/main.css?h=045c365e19a4d50a64bb" rel=stylesheet><meta content="light dark" name=color-scheme><meta content=#087e96 name=theme-color><meta content="تعرض هذه التدوينة بعض الأمثلة على تنسيق ماركداون، بما في ذلك الجداول، والشِفرات البرمجية والوسوم، والاقتباسات، والهوامش." name=description><meta content="تعرض هذه التدوينة بعض الأمثلة على تنسيق ماركداون، بما في ذلك الجداول، والشِفرات البرمجية والوسوم، والاقتباسات، والهوامش." property=og:description><meta content="أمثلة على ماركداون" property=og:title><meta content=article property=og:type><meta content="https://welpo.github.io/tabi/index.jpg?h=d8be352f1d2fb154df81" property=og:image><meta content=1400 property=og:image:width><meta content=800 property=og:image:height><meta content="https://welpo.github.io/tabi/index.jpg?h=d8be352f1d2fb154df81" name=twitter:image><meta content=summary_large_image name=twitter:card><meta content=ca_ES property=og:locale:alternate><link href=https://welpo.github.io/tabi/ca/blog/markdown/ hreflang=ca rel=alternate><meta content=en_GB property=og:locale:alternate><link href=https://welpo.github.io/tabi/blog/markdown/ hreflang=en rel=alternate><meta content=es_ES property=og:locale:alternate><link href=https://welpo.github.io/tabi/es/blog/markdown/ hreflang=es rel=alternate><meta content=ar_SA property=og:locale:alternate><link href=https://welpo.github.io/tabi/ar/blog/markdown/ hreflang=ar rel=alternate><meta content=https://welpo.github.io/tabi/ar/blog/markdown/ property=og:url><meta content=~/تابي property=og:site_name><noscript><link href=https://welpo.github.io/tabi/no_js.css rel=stylesheet></noscript><script src=https://welpo.github.io/tabi/js/initializeTheme.min.js></script><script defer src=https://welpo.github.io/tabi/js/themeSwitcher.min.js></script><script async data-goatcounter=https://tabi-stats.osc.garden/count src=https://tabi-stats.osc.garden/count.js></script><body dir=rtl><a href=#main-content id=skip-link>الإنتقال إلى المحتوى</a><header><nav class=navbar><div class=nav-title><a class=home-title href=https://welpo.github.io/tabi/ar/>~/تابي</a></div><div class=nav-navs><ul><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/ar/blog/>التدوينات </a><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/ar/archive/>الأرشيف </a><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/ar/tags/>الوسوم </a><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/ar/projects/>مشاريعي </a><li class=menu-icons-container><ul class=menu-icons-group><li class=language-switcher><details class=dropdown><summary aria-label="تحديد اللغة" title="تحديد اللغة" aria-haspopup=true role=button><div class=language-switcher-icon></div></summary> <div class=dropdown-content role=menu>العربية<a aria-label=Català href=https://welpo.github.io/tabi/ca/blog/markdown/ lang=ca role=menuitem>Català</a><a aria-label=Español href=https://welpo.github.io/tabi/es/blog/markdown/ lang=es role=menuitem>Español</a><a aria-label=English href=https://welpo.github.io/tabi/blog/markdown/ lang=en role=menuitem>English</a></div></details><li class="theme-switcher-wrapper js"><div aria-label="تبديل الاوضاع داكن" title="تبديل الاوضاع داكن/فاتح" aria-pressed=false class=theme-switcher role=button tabindex=0></div><div aria-label="إعادة تعيين الوضع" class="theme-resetter arrow" title="إعادة تعيين الوضع" aria-hidden=true role=button tabindex=0></div></ul></ul></div></nav></header><div class=content id=main-content><main><article class=h-entry><h1 class="p-name article-title">أمثلة على ماركداون</h1><a class="u-url u-uid" href=https://welpo.github.io/tabi/ar/blog/markdown/></a><ul class=meta><li><time class=dt-published datetime=2023-01-31>31 يناير 2023</time><li title="395 كلمة"><span aria-hidden=true class=separator>•</span>الوقت المتوقع للقراءة: دقيقتان<li class=tag><span aria-hidden=true class=separator>•</span>الوسوم: <li class=tag><a class=p-category href=https://welpo.github.io/tabi/ar/tags/mrkdwn/>ماركداون</a>, <li class=tag><a class=p-category href=https://welpo.github.io/tabi/ar/tags/twdyhy/>توضيحي</a></ul><ul class="meta last-updated"><li><time class=dt-updated datetime=2026-01-01>تم التحديث في 1 يناير 2026</time><li><span aria-hidden=true class=separator>•</span><a class=external href=https://github.com/welpo/tabi/commits/main/content/blog/markdown/index.ar.md>الإطلاع على التغييرات</a></ul><p class=p-summary hidden>تعرض هذه التدوينة بعض الأمثلة على تنسيق ماركداون، بما في ذلك الجداول، والشِفرات البرمجية والوسوم، والاقتباسات، والهوامش.<section class="e-content body"><div class="admonition note"><div class="admonition-icon admonition-icon-info"></div><div class=admonition-content><strong class=admonition-title>ملاحظة عن الاتجاه</strong><p>يدعم تابي الكتابة من اليمين إلى اليسار (RTL) بشكل كامل، مما يجعله مثالياً للغة العربية.<p>الشفرات البرمجية والمعادلات الرياضية تبقى من اليسار إلى اليمين كما هو متوقع.</div></div><h2 id=lrydyt-m-katex>الرياضيات مع $\KaTeX$<a aria-label="Anchor link for: lrydyt-m-katex" class="header-anchor no-hover-padding" href=#lrydyt-m-katex><span aria-hidden=true class=link-icon></span></a></h2><aside><p>تأتي كلمة <em>ماركداون</em> من الإنجليزية <em>Markdown</em>، وهي لغة ترميز بسيطة صممها جون غروبر وآرون سوارتز في عام 2004.</aside><p><a class=external href=https://katex.org/ rel=external>$\KaTeX$</a> هي مكتبة سريعة وسهلة الاستخدام تمكن من عرض الرموز الرياضية باستخدام صيغة LaTeX.<p>يمكنك استخدام $\KaTeX$ <strong>ضمن السطر</strong> عن طريق وضع التعبير بين <code>$</code> أو بين <code>\\(</code> و <code>\\)</code>.<p>على سبيل المثال، <code>$ \sin(x) = \sum_{n=0}^{\infty} \frac{(-1)^n}{(2n + 1)!} x^{2n + 1} $</code> سيظهر هكذا: $ \sin(x) = \sum_{n=0}^{\infty} \frac{(-1)^n}{(2n + 1)!} x^{2n + 1} $<p>لعرض التعبير <strong>في سطر منفصل ومتوسط</strong>، ضعه بين <code>$$</code> أو بين <code>\\[</code> و <code>\\]</code>.<p>على سبيل المثال، <code>\\[ r = \frac{\sum_{i=1}^{n}(x_i - \bar{x})(y_i - \bar{y})}{\sqrt{\sum_{i=1}^{n}(x_i - \bar{x})^2}\sqrt{\sum_{i=1}^{n}(y_i - \bar{y})^2}} \\]</code> سيظهر هكذا: \[ r = \frac{\sum_{i=1}^{n}(x_i - \bar{x})(y_i - \bar{y})}{\sqrt{\sum_{i=1}^{n}(x_i - \bar{x})^2}\sqrt{\sum_{i=1}^{n}(y_i - \bar{y})^2}} \]<p>فعّل $\KaTeX$ بإضافة <code>katex = true</code> في <code>[extra]</code>:<pre class="giallo z-code"><code data-lang=toml><span class=giallo-l><span class=z-source>title</span><span class="z-punctuation z-separator z-key-value"> =</span><span class="z-punctuation z-definition z-string z-string"> "تجربة KaTeX"</span></span>
<span class=giallo-l><span class=z-source>date</span><span class="z-punctuation z-separator z-key-value"> =</span><span class=z-source> 2002-11-30</span></span>
<span class=giallo-l></span>
<span class=giallo-l><span class=z-punctuation>[</span><span class=z-source>extra</span><span class=z-punctuation>]</span></span>
<span class="giallo-l z-hl"><span class=z-source>katex</span><span class="z-punctuation z-separator z-key-value"> =</span><span class="z-constant z-language z-boolean"> true</span></span></code></pre><p>يعمل في: مقدمة الصفحة، <code>_index.md</code> للقسم، أو عالمياً في <code>config.toml</code>.<p>لتحسين الأداء والأمان، يتم استضافة ملفات جافا سكريبت و CSS والخطوط الخاصة بـ $\KaTeX$ محلياً.<p><strong>ملاحظة</strong>: بعد تفعيل $\KaTeX$، إذا أردت استخدام $ بدون عرض تعبير رياضي، استخدم شرطة مائلة للخلف قبلها: <code>\$</code>.<h3 id=lsyg-lkymyy-y>الصيغ الكيميائية<a aria-label="Anchor link for: lsyg-lkymyy-y" class="header-anchor no-hover-padding" href=#lsyg-lkymyy-y><span aria-hidden=true class=link-icon></span></a></h3><p>الصيغ الكيميائية مدعومة عبر <a class=external href=https://mhchem.github.io/MathJax-mhchem/ rel=external>امتداد mhchem</a>، الذي يُحمّل تلقائياً عند استخدام <code>\ce{}</code> أو <code>\pu{}</code>.<p><code>\ce{}</code> للكيمياء: $\ce{H2O}$، $\ce{CO2 + H2O -> H2CO3}$<p><code>\pu{}</code> للوحدات: $\pu{25 °C}$، $\pu{1.2 mol/L}$<h2 id=jdwl>جدول<a aria-label="Anchor link for: jdwl" class="header-anchor no-hover-padding" href=#jdwl><span aria-hidden=true class=link-icon></span></a></h2><p>هذا مثال على جدول<sup class=footnote-reference id=fr-1-1><a href=#fn-1>1</a></sup>. تتغير ألوانه حسب سمة التدوينة.<table><thead><tr><th>الرمز<th>العنصر<th>العدد الذري<tbody><tr><td>H<td>هيدروجين<td>1<tr><td>C<td>كربون<td>6<tr><td>Fe<td>حديد<td>26<tr><td>Au<td>ذهب<td>79</table><h2 id=lshifrt-lbrmjy>الشِفرات البرمجية<a aria-label="Anchor link for: lshifrt-lbrmjy" class="header-anchor no-hover-padding" href=#lshifrt-lbrmjy><span aria-hidden=true class=link-icon></span></a></h2><pre class="giallo z-code"><code data-lang=rust><span class=giallo-l><span class=z-keyword>fn</span><span class="z-entity z-name z-function"> main</span><span class=z-punctuation>() {</span></span>
<span class=giallo-l><span class="z-entity z-name z-function z-macro z-rust">    println!</span><span class=z-punctuation>(</span><span class="z-punctuation z-definition z-string z-string">"مرحباً يا عالم"</span><span class=z-punctuation>)</span><span class="z-keyword z-operator"> -></span><span class=z-punctuation> ();</span></span>
<span class=giallo-l><span class=z-punctuation>}</span></span></code></pre><h3 id=mn-lymyn-l-lysr>من اليمين إلى اليسار<a aria-label="Anchor link for: mn-lymyn-l-lysr" class="header-anchor no-hover-padding" href=#mn-lymyn-l-lysr><span aria-hidden=true class=link-icon></span></a></h3><div data-force-text-direction=rtl><pre class="giallo z-code"><code data-lang=plain><span class=giallo-l><span>نص قل_مرحباً(نص الاسم) {</span></span>
<span class=giallo-l><span>    أرجع تنسيق("مرحباً {الاسم}")؛</span></span>
<span class=giallo-l><span>}</span></span></code></pre></div><h2 id=str-brmjy>سطر برمجي<a aria-label="Anchor link for: str-brmjy" class="header-anchor no-hover-padding" href=#str-brmjy><span aria-hidden=true class=link-icon></span></a></h2><p>في Rust، تعلن عن متغير متغير باستخدام <code>let mut x = 5</code>، بينما في Python، تستخدم ببساطة <code>x = 5</code>. وبالمثل، لطباعة قيمة في Rust، تستخدم <code>println!("القيمة: {}", x)</code>، ولكن في Python، الأمر بسيط مثل <code>print(f"القيمة: {x}")</code> وفي لغة البرمجة العربية هو <code>مهنة = "صائد فئران"</code><h2 id=qtbs>اقتباس<a aria-label="Anchor link for: qtbs" class="header-anchor no-hover-padding" href=#qtbs><span aria-hidden=true class=link-icon></span></a></h2><blockquote><p>وابِطُكَ قابِضِ الأَرواحِ يَرمي … بِسَهمِ المَوتِ مِن تَحتِ الثِيابِ<p>شَرابُكَ في السَرابِ إِذا عَطِشنا … وَخُبزُكَ عِندَ مُنقَطِعِ التُرابِ<p>— أبو الشمقمق، العصر العباسي</blockquote><section class=footnotes><ol class=footnotes-list><li id=fn-1><p>وهذا مثال على الهامش! <a href=#fr-1-1>↩</a></p></ol></section></section><form action="https://vhiweeypifbwacashxjz.supabase.co/rest/v1/rpc/increment_hits?apikey=sb_publishable_EoB7MFJhCmb6PiAk-GPJ4w_PGhQ44Ru" class=iine-form method=post><input name=page_slug type=hidden value=/blog/markdown/><button aria-label=أعجبني class=iine-button data-icon=thumbs_up data-slug=/blog/markdown/ title=أعجبني>👍</button></form></article></main><link href=https://welpo.github.io/tabi/katex.min.css rel=stylesheet><script defer src=https://welpo.github.io/tabi/js/katex.min.js></script><script defer src=https://welpo.github.io/tabi/js/mhchem.min.js></script><span class=hidden id=copy-success> تم النسخ! </span><span class=hidden id=copy-init> نسخ الشِفرة إلى الحافظة </span><script defer src=https://welpo.github.io/tabi/js/copyCodeToClipboard.min.js></script><script defer src=https://cdn.jsdelivr.net/gh/welpo/iine@main/iine.mini.js></script></div><footer><section><nav class="socials nav-navs"><ul><li><a class="nav-links no-hover-padding social" href=https://welpo.github.io/tabi/ar/atom.xml> <img alt=feed loading=lazy src=https://welpo.github.io/tabi/social_icons/rss.svg title=feed> </a><li class=js><a class="nav-links no-hover-padding social" data-encoded-email=dGFiaUBvc2MuZ2FyZGVu href=#><img alt=email loading=lazy src=https://welpo.github.io/tabi/social_icons/email.svg title=email> </a><li><a class="nav-links no-hover-padding social" rel=" me" href=https://github.com/welpo/> <img alt=github loading=lazy src=https://welpo.github.io/tabi/social_icons/github.svg title=github> </a><li><a class="nav-links no-hover-padding social" rel=" me" href=https://soundcloud.com/oskerwyld> <img alt=soundcloud loading=lazy src=https://welpo.github.io/tabi/social_icons/soundcloud.svg title=soundcloud> </a><li><a class="nav-links no-hover-padding social" rel=" me" href=https://instagram.com/oskerwyld> <img alt=instagram loading=lazy src=https://welpo.github.io/tabi/social_icons/instagram.svg title=instagram> </a><li><a class="nav-links no-hover-padding social" rel=" me" href=https://youtube.com/@oskerwyld> <img alt=youtube loading=lazy src=https://welpo.github.io/tabi/social_icons/youtube.svg title=youtube> </a><li><a class="nav-links no-hover-padding social" rel=" me" href=https://open.spotify.com/artist/5Hv2bYBhMp1lUHFri06xkE> <img alt=spotify loading=lazy src=https://welpo.github.io/tabi/social_icons/spotify.svg title=spotify> </a></ul></nav><nav class=nav-navs><small> <ul><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/ar/about/> عني </a><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/ar/privacy/> الخصوصية </a><li><a class="nav-links no-hover-padding" href=https://tabi-stats.osc.garden/> إحصائيات المدونة </a><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/sitemap.xml> خريطة المدونة </a></ul> </small></nav><div class=credits><small> مُشَغل بواسطة <a href=https://www.getzola.org>Zola</a> و <a href=https://github.com/welpo/tabi>tabi</a> • <a href=https://github.com/welpo/tabi> شِفرة الموقع </a></small></div></section><script async src=https://welpo.github.io/tabi/js/decodeMail.min.js></script></footer>