https://wiki.shakibaabutalebi.ir/api.php?action=feedcontributions&feedformat=atom&user=Admin 2026-10-30T15:34:51Z مشارکت‌های کاربر MediaWiki 1.46.0 https://wiki.shakibaabutalebi.ir/index.php?title=%D9%85%D8%AF%DB%8C%D8%A7%D9%88%DB%8C%DA%A9%DB%8C:Common.css&diff=27 2026-10-30T12:42:45Z

<p>Admin: صفحه‌ای تازه حاوی «/* دستورات این بخش همهٔ کاربران را تحت تاثیر قرار می‌دهند. */ .mw-wiki-logo { background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; }» ایجاد کرد</p> <hr /> <div>/* دستورات این بخش همهٔ کاربران را تحت تاثیر قرار می‌دهند. */<br /> .mw-wiki-logo {<br /> background-size: contain !important;<br /> background-repeat: no-repeat !important;<br /> background-position: center !important;<br /> }</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=HTML_CSS_JavaScript&diff=26 2026-09-06T07:34:55Z

<p>Admin: صفحه‌ای تازه حاوی «== طراحی سایت با HTML، CSS و JavaScript == این سه تکنولوژی، ستون اصلی توسعهٔ وب هستند: &#039;&#039;&#039;HTML&#039;&#039;&#039; ساختار صفحه، &#039;&#039;&#039;CSS&#039;&#039;&#039; ظاهر و استایل، و &#039;&#039;&#039;JavaScript&#039;&#039;&#039; رفتار و تعامل صفحه را مشخص می‌کند. با ترکیب این سه می‌توان هر نوع صفحهٔ وب استاتیک یا پویا ساخت. == مفاهیم پایه == * &#039;&#039;&#039;HT...» ایجاد کرد</p> <hr /> <div>== طراحی سایت با HTML، CSS و JavaScript ==<br /> <br /> این سه تکنولوژی، ستون اصلی توسعهٔ وب هستند: '''HTML''' ساختار صفحه، '''CSS''' ظاهر و استایل، و '''JavaScript''' رفتار و تعامل صفحه را مشخص می‌کند. با ترکیب این سه می‌توان هر نوع صفحهٔ وب استاتیک یا پویا ساخت.<br /> <br /> == مفاهیم پایه ==<br /> <br /> * '''HTML (HyperText Markup Language)''': زبان نشانه‌گذاری برای تعریف ساختار و محتوای صفحه (عنوان، پاراگراف، تصویر، لینک و...)<br /> * '''CSS (Cascading Style Sheets)''': زبان استایل‌دهی برای تعیین ظاهر عناصر HTML (رنگ، فونت، چیدمان، فاصله‌ها و...)<br /> * '''JavaScript''': زبان برنامه‌نویسی برای افزودن تعامل و پویایی به صفحه (کلیک، انیمیشن، اعتبارسنجی فرم و...)<br /> * '''DOM (Document Object Model)''': نمایش ساختاری صفحهٔ HTML که JavaScript می‌تواند آن را بخواند و تغییر دهد<br /> * '''Tag (برچسب)''': واحد اصلی HTML، مثل &lt;code style=&quot;direction:ltr;&quot;&gt;&amp;lt;div&amp;gt;&lt;/code&gt; یا &lt;code style=&quot;direction:ltr;&quot;&gt;&amp;lt;p&amp;gt;&lt;/code&gt;<br /> * '''Element (عنصر)''': یک تگ کامل همراه با محتوای داخل آن<br /> * '''Attribute (ویژگی)''': اطلاعات اضافه روی یک تگ، مثل &lt;code style=&quot;direction:ltr;&quot;&gt;class&lt;/code&gt; یا &lt;code style=&quot;direction:ltr;&quot;&gt;id&lt;/code&gt;<br /> * '''Selector (انتخابگر)''': در CSS، روشی برای مشخص کردن این‌که کدام عنصر HTML استایل‌دهی شود<br /> * '''Responsive Design''': طراحی‌ای که با اندازه‌های مختلف صفحه‌نمایش (موبایل، تبلت، دسکتاپ) سازگار می‌شود<br /> * '''Event (رویداد)''': اتفاقی که در صفحه رخ می‌دهد (کلیک، اسکرول، تایپ) و JavaScript می‌تواند به آن واکنش نشان دهد<br /> <br /> == ساختار پایهٔ یک صفحهٔ HTML ==<br /> <br /> &lt;pre style=&quot;direction:ltr; text-align:left;&quot;&gt;<br /> &amp;lt;!DOCTYPE html&amp;gt;<br /> &amp;lt;html lang=&quot;fa&quot;&amp;gt;<br /> &amp;lt;head&amp;gt;<br /> &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;<br /> &amp;lt;title&amp;gt;عنوان صفحه&amp;lt;/title&amp;gt;<br /> &amp;lt;link rel=&quot;stylesheet&quot; href=&quot;style.css&quot;&amp;gt;<br /> &amp;lt;/head&amp;gt;<br /> &amp;lt;body&amp;gt;<br /> &amp;lt;h1&amp;gt;سلام دنیا&amp;lt;/h1&amp;gt;<br /> &amp;lt;p&amp;gt;این یک پاراگراف است.&amp;lt;/p&amp;gt;<br /> &amp;lt;script src=&quot;script.js&quot;&amp;gt;&amp;lt;/script&amp;gt;<br /> &amp;lt;/body&amp;gt;<br /> &amp;lt;/html&amp;gt;<br /> &lt;/pre&gt;<br /> <br /> == تگ‌های پرکاربرد HTML ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! تگ<br /> |-<br /> | تیتر (۶ سطح، از بزرگ به کوچک) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;&amp;lt;h1&amp;gt; تا &amp;lt;h6&amp;gt;&lt;/code&gt;<br /> |-<br /> | پاراگراف || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;&amp;lt;p&amp;gt;&lt;/code&gt;<br /> |-<br /> | لینک || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;&amp;lt;a href=&quot;آدرس&quot;&amp;gt;متن&amp;lt;/a&amp;gt;&lt;/code&gt;<br /> |-<br /> | تصویر || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;&amp;lt;img src=&quot;آدرس&quot; alt=&quot;توضیح&quot;&amp;gt;&lt;/code&gt;<br /> |-<br /> | بخش‌بندی عمومی (بدون معنای خاص) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;&amp;lt;div&amp;gt;&lt;/code&gt;<br /> |-<br /> | بخش‌بندی درون‌خطی (بدون معنای خاص) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;&amp;lt;span&amp;gt;&lt;/code&gt;<br /> |-<br /> | لیست مرتب‌نشده (نقطه‌ای) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;&amp;lt;ul&amp;gt;&amp;lt;li&amp;gt;&lt;/code&gt;<br /> |-<br /> | لیست مرتب (شماره‌دار) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;&amp;lt;ol&amp;gt;&amp;lt;li&amp;gt;&lt;/code&gt;<br /> |-<br /> | جدول || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;&amp;lt;table&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td&amp;gt;&lt;/code&gt;<br /> |-<br /> | فرم || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;&amp;lt;form&amp;gt;&amp;lt;input&amp;gt;&amp;lt;button&amp;gt;&lt;/code&gt;<br /> |-<br /> | ناحیهٔ هدر معنایی صفحه || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;&amp;lt;header&amp;gt;&lt;/code&gt;<br /> |-<br /> | ناحیهٔ فوتر معنایی صفحه || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;&amp;lt;footer&amp;gt;&lt;/code&gt;<br /> |-<br /> | بخش ناوبری (منو) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;&amp;lt;nav&amp;gt;&lt;/code&gt;<br /> |}<br /> <br /> == نحوهٔ اتصال CSS به HTML ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! روش !! نحوه<br /> |-<br /> | فایل خارجی (بهترین روش) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;&amp;lt;link rel=&quot;stylesheet&quot; href=&quot;style.css&quot;&amp;gt;&lt;/code&gt; در head<br /> |-<br /> | داخل همان صفحه (Internal) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;&amp;lt;style&amp;gt;...&amp;lt;/style&amp;gt;&lt;/code&gt; در head<br /> |-<br /> | درون یک تگ خاص (Inline) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;&amp;lt;p style=&quot;color:red;&quot;&amp;gt;&lt;/code&gt;<br /> |}<br /> <br /> == انتخابگرهای پرکاربرد CSS ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! نحوهٔ نوشتن<br /> |-<br /> | انتخاب بر اساس نام تگ || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;p { }&lt;/code&gt;<br /> |-<br /> | انتخاب بر اساس کلاس || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;.className { }&lt;/code&gt;<br /> |-<br /> | انتخاب بر اساس شناسه (id) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;#idName { }&lt;/code&gt;<br /> |-<br /> | انتخاب همهٔ عناصر || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;* { }&lt;/code&gt;<br /> |-<br /> | انتخاب عنصر فرزند مستقیم || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;.parent &gt; .child { }&lt;/code&gt;<br /> |-<br /> | انتخاب هنگام هاور (نگه‌داشتن ماوس) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;.className:hover { }&lt;/code&gt;<br /> |}<br /> <br /> == ویژگی‌های پرکاربرد CSS ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! ویژگی<br /> |-<br /> | رنگ متن || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;color&lt;/code&gt;<br /> |-<br /> | رنگ پس‌زمینه || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;background-color&lt;/code&gt;<br /> |-<br /> | اندازهٔ فونت || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;font-size&lt;/code&gt;<br /> |-<br /> | عرض و ارتفاع || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;width&lt;/code&gt; و &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;height&lt;/code&gt;<br /> |-<br /> | فاصلهٔ داخلی (بین محتوا و مرز) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;padding&lt;/code&gt;<br /> |-<br /> | فاصلهٔ خارجی (بین عنصر و عناصر اطراف) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;margin&lt;/code&gt;<br /> |-<br /> | نوع نمایش عنصر || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;display&lt;/code&gt; (block, inline, flex, grid, none)<br /> |-<br /> | چیدمان انعطاف‌پذیر (تک‌بعدی) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;display: flex;&lt;/code&gt;<br /> |-<br /> | چیدمان شبکه‌ای (دوبعدی) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;display: grid;&lt;/code&gt;<br /> |-<br /> | موقعیت‌دهی عنصر || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;position&lt;/code&gt; (static, relative, absolute, fixed)<br /> |-<br /> | گرد کردن گوشه‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;border-radius&lt;/code&gt;<br /> |-<br /> | سایه‌دار کردن جعبه || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;box-shadow&lt;/code&gt;<br /> |}<br /> <br /> == ریسپانسیو کردن سایت (Media Query) ==<br /> <br /> برای این‌که سایت روی موبایل و دسکتاپ متفاوت نمایش داده شود:<br /> <br /> &lt;pre style=&quot;direction:ltr; text-align:left;&quot;&gt;<br /> /* برای صفحه‌نمایش‌های کوچک‌تر از 768px */<br /> @media (max-width: 768px) {<br /> .container {<br /> flex-direction: column;<br /> }<br /> }<br /> &lt;/pre&gt;<br /> <br /> == مفاهیم پایهٔ JavaScript ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! نمونه کد<br /> |-<br /> | تعریف متغیر (قابل تغییر) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;let x = 5;&lt;/code&gt;<br /> |-<br /> | تعریف متغیر ثابت (غیرقابل تغییر) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;const name = &quot;علی&quot;;&lt;/code&gt;<br /> |-<br /> | تعریف تابع || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;function sayHi() { }&lt;/code&gt;<br /> |-<br /> | تابع پیکانی (Arrow Function) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;const sayHi = () =&gt; { }&lt;/code&gt;<br /> |-<br /> | شرط || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;if (x &gt; 5) { } else { }&lt;/code&gt;<br /> |-<br /> | حلقه || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;for (let i = 0; i &lt; 10; i++) { }&lt;/code&gt;<br /> |-<br /> | آرایه || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;let arr = [1, 2, 3];&lt;/code&gt;<br /> |-<br /> | شیء (Object) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;let obj = {name: &quot;علی&quot;, age: 25};&lt;/code&gt;<br /> |}<br /> <br /> == دستکاری DOM با JavaScript ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! نمونه کد<br /> |-<br /> | انتخاب یک عنصر با id || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;document.getElementById(&quot;myId&quot;)&lt;/code&gt;<br /> |-<br /> | انتخاب یک عنصر با selector (CSS-like) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;document.querySelector(&quot;.myClass&quot;)&lt;/code&gt;<br /> |-<br /> | انتخاب چند عنصر || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;document.querySelectorAll(&quot;p&quot;)&lt;/code&gt;<br /> |-<br /> | تغییر محتوای متنی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;element.textContent = &quot;متن جدید&quot;;&lt;/code&gt;<br /> |-<br /> | تغییر محتوای HTML || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;element.innerHTML = &quot;&amp;lt;b&amp;gt;متن&amp;lt;/b&amp;gt;&quot;;&lt;/code&gt;<br /> |-<br /> | تغییر استایل || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;element.style.color = &quot;red&quot;;&lt;/code&gt;<br /> |-<br /> | اضافه/حذف کلاس || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;element.classList.add(&quot;active&quot;)&lt;/code&gt;<br /> |}<br /> <br /> == رویدادها (Events) ==<br /> <br /> &lt;pre style=&quot;direction:ltr; text-align:left;&quot;&gt;<br /> document.querySelector(&quot;button&quot;).addEventListener(&quot;click&quot;, function() {<br /> alert(&quot;دکمه کلیک شد!&quot;);<br /> });<br /> &lt;/pre&gt;<br /> <br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! رویداد !! زمان وقوع<br /> |-<br /> | &lt;code style=&quot;direction:ltr;&quot;&gt;click&lt;/code&gt; || هنگام کلیک روی عنصر<br /> |-<br /> | &lt;code style=&quot;direction:ltr;&quot;&gt;submit&lt;/code&gt; || هنگام ارسال فرم<br /> |-<br /> | &lt;code style=&quot;direction:ltr;&quot;&gt;input&lt;/code&gt; || هنگام تایپ در فیلد ورودی<br /> |-<br /> | &lt;code style=&quot;direction:ltr;&quot;&gt;load&lt;/code&gt; || هنگام بارگذاری کامل صفحه<br /> |-<br /> | &lt;code style=&quot;direction:ltr;&quot;&gt;mouseover&lt;/code&gt; || هنگام قرار گرفتن ماوس روی عنصر<br /> |}<br /> <br /> == ابزارهای مفید توسعه ==<br /> <br /> * '''DevTools مرورگر''' (کلید F12): بازرسی و دیباگ HTML/CSS/JS مستقیم در مرورگر<br /> * '''VS Code''': ویرایشگر کد محبوب با پشتیبانی قوی از این سه زبان<br /> * '''Live Server (افزونهٔ VS Code)''': نمایش زندهٔ تغییرات صفحه بدون نیاز به رفرش دستی<br /> * '''Flexbox Froggy / Grid Garden''': بازی‌های آموزشی برای یادگیری Flexbox و Grid در CSS<br /> * '''MDN Web Docs''': مرجع رسمی و کامل برای HTML، CSS و JavaScript<br /> <br /> == نکات و بهترین شیوه‌ها ==<br /> <br /> * از تگ‌های معنایی (Semantic) مثل &lt;code style=&quot;direction:ltr;&quot;&gt;header&lt;/code&gt;، &lt;code style=&quot;direction:ltr;&quot;&gt;nav&lt;/code&gt;، &lt;code style=&quot;direction:ltr;&quot;&gt;main&lt;/code&gt;، &lt;code style=&quot;direction:ltr;&quot;&gt;footer&lt;/code&gt; به‌جای &lt;code style=&quot;direction:ltr;&quot;&gt;div&lt;/code&gt; برای همه‌چیز استفاده کنید؛ هم برای سئو بهتر است هم خوانایی کد.<br /> * کد CSS را در فایل جدا از HTML نگه دارید تا نگهداری و تغییر آن ساده‌تر باشد.<br /> * همیشه صفحه را روی اندازه‌های مختلف صفحه‌نمایش (موبایل، تبلت، دسکتاپ) تست کنید.<br /> * از نام‌گذاری واضح برای کلاس‌ها و idها استفاده کنید (مثلاً &lt;code style=&quot;direction:ltr;&quot;&gt;main-header&lt;/code&gt; به‌جای &lt;code style=&quot;direction:ltr;&quot;&gt;div1&lt;/code&gt;).<br /> * کد JavaScript را در انتهای body یا با ویژگی &lt;code style=&quot;direction:ltr;&quot;&gt;defer&lt;/code&gt; بارگذاری کنید تا سرعت نمایش اولیهٔ صفحه بهتر شود.<br /> * از کنسول مرورگر (&lt;code style=&quot;direction:ltr;&quot;&gt;console.log()&lt;/code&gt;) برای دیباگ و بررسی مقادیر متغیرها استفاده کنید.</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C&diff=25 2026-09-06T07:34:02Z

<p>Admin: /* موضوعات */</p> <hr /> <div>== به ویکی شکیبا خوش آمدید ==<br /> <br /> این ویکی، مرجع شخصی من برای ثبت و مرور آموخته‌هایی است که در مسیر یادگیری برنامه‌نویسی و طراحی وب جمع‌آوری کرده‌ام.<br /> <br /> == موضوعات ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! موضوع !! توضیح کوتاه<br /> |-<br /> | [[Git]] || سیستم کنترل نسخه؛ دستورات پایه، شاخه‌ها، ریموت، rebase و حل تعارض<br /> |-<br /> | [[WordPress]] || طراحی سایت با وردپرس؛ قالب، افزونه، سئو، امنیت و مدیریت محتوا<br /> |-<br /> | [[CMD]] || خط فرمان ویندوز؛ ناوبری، مدیریت فایل، شبکه و فایل‌های Batch<br /> |-<br /> | [[Prompt Engineering]] || اصول و تکنیک‌های نوشتن پرامپت برای مدل‌های هوش مصنوعی<br /> |-<br /> | [[HTML CSS JavaScript]] || طراحی سایت با HTML، CSS و JavaScript؛ ساختار، استایل‌دهی و تعامل صفحه<br /> |}<br /> <br /> == دربارهٔ این ویکی ==<br /> <br /> * هدف: ثبت منظم و قابل‌جستجوی آموخته‌ها به‌جای پراکنده بودن در یادداشت‌های مختلف<br /> * زبان محتوا: فارسی<br /> * ساختار هر صفحه: مفاهیم پایه، سپس دستورات/تکنیک‌ها در قالب جدول، و در پایان نکات و بهترین شیوه‌ها<br /> <br /> == آخرین تغییرات ==<br /> <br /> برای مشاهدهٔ آخرین ویرایش‌های انجام‌شده در ویکی، به [[Special:RecentChanges|تغییرات اخیر]] مراجعه کنید.</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=Git&diff=24 2026-09-06T07:27:50Z

<p>Admin: </p> <hr /> <div>== Git چیست؟ ==<br /> <br /> '''Git''' یک سیستم کنترل نسخه (Version Control System) توزیع‌شده است که برای ردیابی تغییرات در فایل‌ها و هماهنگی کار بین چند نفر روی یک پروژه استفاده می‌شود. با Git می‌توان تاریخچهٔ کامل تغییرات یک پروژه را نگه داشت، به نسخه‌های قبلی بازگشت، و به‌صورت هم‌زمان با دیگران روی بخش‌های مختلف یک پروژه کار کرد.<br /> <br /> == مفاهیم پایه ==<br /> <br /> * '''Repository (مخزن)''': پوشه‌ای که Git تاریخچهٔ تغییرات آن را ردیابی می‌کند.<br /> * '''Working Directory''': فایل‌های واقعی روی سیستم که در حال ویرایش آن‌ها هستید.<br /> * '''Staging Area (Index)''': فضای واسط بین Working Directory و مخزن؛ فایل‌هایی که آماده‌ی ثبت (commit) هستند.<br /> * '''Commit''': یک نقطهٔ ذخیرهٔ دائمی در تاریخچهٔ پروژه، مثل عکس لحظه‌ای از وضعیت فایل‌ها.<br /> * '''Branch (شاخه)''': یک مسیر جداگانه برای توسعه، بدون تأثیر روی نسخهٔ اصلی.<br /> * '''HEAD''': اشاره‌گری به آخرین commit در شاخه‌ای که در حال حاضر روی آن هستید.<br /> * '''Merge''': ترکیب کردن تغییرات دو شاخه با هم.<br /> * '''Remote''': نسخه‌ای از مخزن که روی یک سرور (مثل GitHub، GitLab) قرار دارد.<br /> * '''Clone''': کپی کامل یک مخزن از راه دور روی سیستم شما.<br /> <br /> == نصب و تنظیمات اولیه ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | بررسی نصب بودن Git و نسخهٔ آن || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git --version&lt;/code&gt;<br /> |-<br /> | تنظیم نام کاربری (سراسری) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git config --global user.name &quot;نام شما&quot;&lt;/code&gt;<br /> |-<br /> | تنظیم ایمیل (سراسری) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git config --global user.email &quot;email@example.com&quot;&lt;/code&gt;<br /> |-<br /> | مشاهدهٔ تمام تنظیمات فعلی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git config --list&lt;/code&gt;<br /> |}<br /> <br /> == شروع کار ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | ساخت یک مخزن جدید در پوشهٔ فعلی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git init&lt;/code&gt;<br /> |-<br /> | کپی کردن یک مخزن از راه دور || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git clone [آدرس]&lt;/code&gt;<br /> |-<br /> | کپی کردن مخزن در یک پوشهٔ مشخص || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git clone [آدرس] [نام پوشه]&lt;/code&gt;<br /> |}<br /> <br /> == ثبت تغییرات ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | نمایش وضعیت فایل‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git status&lt;/code&gt;<br /> |-<br /> | اضافه کردن فایل به staging area || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git add [نام فایل]&lt;/code&gt;<br /> |-<br /> | اضافه کردن همهٔ فایل‌های تغییر یافته || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git add .&lt;/code&gt;<br /> |-<br /> | ثبت یک commit با توضیح || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git commit -m &quot;پیام&quot;&lt;/code&gt;<br /> |-<br /> | اضافه کردن و ثبت هم‌زمان (فایل‌های ردیابی‌شده) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git commit -am &quot;پیام&quot;&lt;/code&gt;<br /> |-<br /> | اصلاح آخرین commit || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git commit --amend&lt;/code&gt;<br /> |}<br /> <br /> == مشاهدهٔ تاریخچه و تغییرات ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | نمایش تاریخچهٔ commit‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git log&lt;/code&gt;<br /> |-<br /> | نمایش خلاصه و یک‌خطی تاریخچه || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git log --oneline&lt;/code&gt;<br /> |-<br /> | نمایش تفاوت فایل‌های تغییر یافته (قبل از add) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git diff&lt;/code&gt;<br /> |-<br /> | نمایش تفاوت فایل‌های staged || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git diff --staged&lt;/code&gt;<br /> |-<br /> | نمایش جزئیات یک commit خاص || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git show [commit-id]&lt;/code&gt;<br /> |}<br /> <br /> == کار با شاخه‌ها (Branch) ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | نمایش لیست شاخه‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git branch&lt;/code&gt;<br /> |-<br /> | ساخت شاخهٔ جدید || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git branch [نام]&lt;/code&gt;<br /> |-<br /> | رفتن به یک شاخه || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git checkout [نام]&lt;/code&gt;<br /> |-<br /> | رفتن به یک شاخه (روش جدیدتر) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git switch [نام]&lt;/code&gt;<br /> |-<br /> | ساخت و رفتن به شاخهٔ جدید هم‌زمان || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git checkout -b [نام]&lt;/code&gt;<br /> |-<br /> | ادغام یک شاخه با شاخهٔ فعلی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git merge [نام شاخه]&lt;/code&gt;<br /> |-<br /> | حذف یک شاخه || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git branch -d [نام]&lt;/code&gt;<br /> |-<br /> | حذف اجباری یک شاخهٔ ادغام‌نشده || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git branch -D [نام]&lt;/code&gt;<br /> |}<br /> <br /> == کار با ریموت (GitHub و مشابه) ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | اتصال به مخزن راه دور || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git remote add origin [آدرس]&lt;/code&gt;<br /> |-<br /> | نمایش لیست ریموت‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git remote -v&lt;/code&gt;<br /> |-<br /> | ارسال تغییرات به سرور || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git push origin [شاخه]&lt;/code&gt;<br /> |-<br /> | ارسال شاخهٔ جدید و تنظیم ردیابی آن || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git push -u origin [شاخه]&lt;/code&gt;<br /> |-<br /> | دریافت و ادغام تغییرات از سرور || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git pull origin [شاخه]&lt;/code&gt;<br /> |-<br /> | فقط دریافت تغییرات بدون ادغام || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git fetch origin&lt;/code&gt;<br /> |}<br /> <br /> == بازگشت و لغو تغییرات ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | لغو تغییرات یک فایل در Working Directory || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git checkout -- [فایل]&lt;/code&gt;<br /> |-<br /> | لغو تغییرات با دستور جدیدتر || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git restore [فایل]&lt;/code&gt;<br /> |-<br /> | خارج کردن فایل از staging area || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git reset [فایل]&lt;/code&gt;<br /> |-<br /> | بازگشت کامل به یک commit قبلی (خطرناک) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git reset --hard [commit-id]&lt;/code&gt;<br /> |-<br /> | ساخت یک commit جدید که یک commit قبلی را خنثی می‌کند || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git revert [commit-id]&lt;/code&gt;<br /> |}<br /> <br /> == Stash (ذخیرهٔ موقت تغییرات) ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | ذخیرهٔ موقت تغییرات فعلی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git stash&lt;/code&gt;<br /> |-<br /> | نمایش لیست stash‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git stash list&lt;/code&gt;<br /> |-<br /> | بازگردانی آخرین stash || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git stash pop&lt;/code&gt;<br /> |-<br /> | حذف آخرین stash بدون بازگردانی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git stash drop&lt;/code&gt;<br /> |}<br /> <br /> == برچسب‌گذاری (Tag) ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | ساخت یک تگ ساده || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git tag [نام]&lt;/code&gt;<br /> |-<br /> | ساخت تگ با توضیح || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git tag -a [نام] -m &quot;پیام&quot;&lt;/code&gt;<br /> |-<br /> | نمایش لیست تگ‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git tag&lt;/code&gt;<br /> |-<br /> | ارسال تگ‌ها به سرور || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git push origin --tags&lt;/code&gt;<br /> |}<br /> <br /> == Rebase و Cherry-pick ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | اعمال دوبارهٔ commit‌های شاخهٔ فعلی روی شاخهٔ دیگر || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git rebase [نام شاخه]&lt;/code&gt;<br /> |-<br /> | rebase تعاملی برای ویرایش/ترکیب چند commit || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git rebase -i HEAD~[تعداد]&lt;/code&gt;<br /> |-<br /> | انتخاب و اعمال یک commit خاص از شاخهٔ دیگر || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git cherry-pick [commit-id]&lt;/code&gt;<br /> |}<br /> <br /> == حل تعارض (Merge Conflict) ==<br /> <br /> وقتی دو شاخه تغییرات متفاوتی روی یک بخش از یک فایل داشته باشند، هنگام merge یا rebase تعارض (conflict) رخ می‌دهد. Git خطوط متعارض را با نشانه‌های زیر در فایل مشخص می‌کند:<br /> <br /> &lt;pre style=&quot;direction:ltr; text-align:left;&quot;&gt;<br /> &lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD<br /> محتوای شاخهٔ فعلی<br /> =======<br /> محتوای شاخهٔ دیگر<br /> &gt;&gt;&gt;&gt;&gt;&gt;&gt; نام-شاخه<br /> &lt;/pre&gt;<br /> <br /> برای حل تعارض باید فایل را به‌صورت دستی ویرایش کرد، نشانه‌ها را حذف کرد و نسخهٔ نهایی را انتخاب نمود، سپس:<br /> <br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | اضافه کردن فایل حل‌شده به staging || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git add [فایل]&lt;/code&gt;<br /> |-<br /> | ادامهٔ فرآیند merge || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git commit&lt;/code&gt;<br /> |-<br /> | ادامهٔ فرآیند rebase بعد از حل تعارض || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git rebase --continue&lt;/code&gt;<br /> |-<br /> | لغو کامل عملیات merge || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git merge --abort&lt;/code&gt;<br /> |}<br /> <br /> == فایل .gitignore ==<br /> <br /> فایل &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;.gitignore&lt;/code&gt; برای مشخص کردن فایل‌ها و پوشه‌هایی است که نباید توسط Git ردیابی شوند (مثل فایل‌های موقت، پوشهٔ &lt;code style=&quot;direction:ltr;&quot;&gt;node_modules&lt;/code&gt;، یا فایل‌های تنظیمات حساس).<br /> <br /> &lt;pre style=&quot;direction:ltr; text-align:left;&quot;&gt;<br /> # نمونه محتوای .gitignore<br /> node_modules/<br /> .env<br /> *.log<br /> .DS_Store<br /> &lt;/pre&gt;<br /> <br /> == نکات و بهترین شیوه‌ها ==<br /> <br /> * پیام commit‌ها را کوتاه، واضح و توصیفی بنویسید.<br /> * هر commit باید یک تغییر منطقی و مستقل را نشان دهد، نه چند تغییر نامرتبط با هم.<br /> * قبل از push کردن، همیشه با &lt;code style=&quot;direction:ltr;&quot;&gt;git pull&lt;/code&gt; آخرین تغییرات را دریافت کنید.<br /> * از شاخه‌های جداگانه (feature branch) برای هر ویژگی یا رفع باگ استفاده کنید و شاخهٔ اصلی (main/master) را همیشه پایدار نگه دارید.<br /> * پیش از rebase یا reset --hard، مطمئن شوید که تغییرات مهم را از دست نمی‌دهید.<br /> <br /> == GitHub چیست؟ ==<br /> <br /> '''GitHub''' یک پلتفرم آنلاین میزبانی مخازن Git است که علاوه بر ذخیرهٔ کد، امکاناتی مثل همکاری تیمی، مدیریت باگ و درخواست، و بررسی کد را فراهم می‌کند. مخزن‌های محلی که با Git می‌سازید را می‌توان روی GitHub آپلود (push) کرد تا دیگران هم بتوانند به آن دسترسی داشته باشند یا در توسعهٔ آن مشارکت کنند.<br /> <br /> == مفاهیم پایه در GitHub ==<br /> <br /> * '''Repository (Repo)''': یک پروژه که روی GitHub میزبانی می‌شود.<br /> * '''Fork''': کپی کردن یک مخزن دیگران به حساب خودتان، برای اعمال تغییرات بدون تأثیر روی نسخهٔ اصلی.<br /> * '''Pull Request (PR)''': درخواست رسمی برای ادغام تغییرات شما با مخزن اصلی؛ معمولاً همراه با بررسی کد توسط دیگران.<br /> * '''Issue''': ثبت باگ، درخواست ویژگی جدید، یا هر بحث مرتبط با پروژه.<br /> * '''Star''': نشان‌دار کردن یک مخزن به‌عنوان علاقه‌مندی یا نشانه‌ای از محبوبیت آن.<br /> * '''Watch''': دریافت اعلان از فعالیت‌های یک مخزن.<br /> * '''README.md''': فایلی که معمولاً توضیحات کلی پروژه (نحوهٔ نصب، استفاده، مشارکت) را در خود دارد و در صفحهٔ اصلی مخزن نمایش داده می‌شود.<br /> * '''GitHub Actions''': ابزار اتوماسیون (CI/CD) برای اجرای خودکار تست‌ها، ساخت پروژه یا استقرار (Deploy) پس از هر push.<br /> * '''Organization''': فضایی برای مدیریت چند مخزن و چند عضو تیم زیر یک نام مشترک.<br /> <br /> == ساخت حساب و مخزن جدید ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! مسیر<br /> |-<br /> | ساخت حساب کاربری || از github.com روی Sign up بزنید<br /> |-<br /> | ساخت مخزن جدید || دکمهٔ + بالای صفحه سپس New repository<br /> |-<br /> | انتخاب Public یا Private || هنگام ساخت مخزن مشخص می‌شود؛ Public برای همه قابل‌مشاهده، Private فقط برای اعضای مجاز<br /> |-<br /> | اضافه کردن README هنگام ساخت || تیک گزینهٔ &quot;Add a README file&quot; را در فرم ساخت مخزن بزنید<br /> |}<br /> <br /> == اتصال پروژهٔ محلی به GitHub ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | اتصال مخزن محلی به یک مخزن خالی روی GitHub || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git remote add origin [آدرس مخزن]&lt;/code&gt;<br /> |-<br /> | تغییر نام شاخهٔ اصلی به main (در صورت نیاز) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git branch -M main&lt;/code&gt;<br /> |-<br /> | ارسال اولین نسخه به GitHub || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git push -u origin main&lt;/code&gt;<br /> |-<br /> | کلون کردن یک مخزن از GitHub || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git clone [آدرس مخزن]&lt;/code&gt;<br /> |}<br /> <br /> == احراز هویت (Authentication) ==<br /> <br /> از سال ۲۰۲۱ به بعد، GitHub دیگر اجازهٔ استفاده از رمز عبور معمولی برای عملیات Git (مثل push) را نمی‌دهد. به‌جای آن باید از یکی از روش‌های زیر استفاده کنید:<br /> <br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! روش !! توضیح<br /> |-<br /> | Personal Access Token (PAT) || از Settings &gt; Developer settings &gt; Personal access tokens توکن بسازید و به‌جای رمز عبور هنگام push استفاده کنید<br /> |-<br /> | SSH Key || یک جفت کلید SSH بسازید و کلید عمومی را در Settings &gt; SSH and GPG keys ثبت کنید تا نیازی به وارد کردن رمز نباشد<br /> |-<br /> | GitHub CLI (gh) || ابزار خط فرمان رسمی گیت‌هاب که احراز هویت را ساده‌تر می‌کند<br /> |}<br /> <br /> '''ساخت و استفاده از کلید SSH:'''<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | ساخت جفت کلید SSH جدید || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;ssh-keygen -t ed25519 -C &quot;email@example.com&quot;&lt;/code&gt;<br /> |-<br /> | نمایش کلید عمومی برای کپی کردن || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cat ~/.ssh/id_ed25519.pub&lt;/code&gt;<br /> |-<br /> | تست اتصال SSH به GitHub || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;ssh -T git@github.com&lt;/code&gt;<br /> |-<br /> | استفاده از آدرس SSH به‌جای HTTPS برای ریموت || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git remote set-url origin git@github.com:username/repo.git&lt;/code&gt;<br /> |}<br /> <br /> == جریان کار Fork و Pull Request ==<br /> <br /> روش معمول مشارکت در پروژه‌های دیگران روی GitHub:<br /> <br /> # روی دکمهٔ '''Fork''' در صفحهٔ مخزن اصلی بزنید تا یک کپی از آن به حساب شما اضافه شود.<br /> # نسخهٔ fork‌شده را روی سیستم خودتان clone کنید.<br /> # یک شاخهٔ جدید بسازید و تغییرات موردنظر را اعمال و commit کنید.<br /> # تغییرات را به fork خودتان روی GitHub push کنید.<br /> # از صفحهٔ مخزن، دکمهٔ '''New Pull Request''' را بزنید تا درخواست ادغام تغییرات به مخزن اصلی ارسال شود.<br /> # مالک مخزن اصلی تغییرات را بررسی می‌کند و در صورت تأیید، آن را merge می‌کند.<br /> <br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | اضافه کردن مخزن اصلی به‌عنوان یک ریموت دوم (برای هماهنگی با آپدیت‌های اصلی) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git remote add upstream [آدرس مخزن اصلی]&lt;/code&gt;<br /> |-<br /> | دریافت آخرین تغییرات مخزن اصلی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git fetch upstream&lt;/code&gt;<br /> |-<br /> | ادغام تغییرات مخزن اصلی با شاخهٔ فعلی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git merge upstream/main&lt;/code&gt;<br /> |}<br /> <br /> == مدیریت Issue و پروژه ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! مسیر<br /> |-<br /> | ثبت یک Issue جدید || تب Issues در صفحهٔ مخزن، سپس New issue<br /> |-<br /> | اتصال یک Pull Request به یک Issue (بستن خودکار آن) || در توضیح PR بنویسید &lt;code style=&quot;direction:ltr;&quot;&gt;Closes #شماره‌ایشو&lt;/code&gt;<br /> |-<br /> | استفاده از برچسب (Label) برای دسته‌بندی Issue‌ها || داخل صفحهٔ هر Issue، بخش Labels<br /> |-<br /> | مدیریت وظایف با تخته‌ی کانبان || تب Projects در صفحهٔ مخزن یا سازمان<br /> |}<br /> <br /> == فایل‌های مهم در یک مخزن GitHub ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! فایل !! کاربرد<br /> |-<br /> | &lt;code style=&quot;direction:ltr;&quot;&gt;README.md&lt;/code&gt; || توضیح کلی پروژه، نحوهٔ نصب و استفاده<br /> |-<br /> | &lt;code style=&quot;direction:ltr;&quot;&gt;.gitignore&lt;/code&gt; || مشخص کردن فایل‌هایی که نباید ردیابی شوند<br /> |-<br /> | &lt;code style=&quot;direction:ltr;&quot;&gt;LICENSE&lt;/code&gt; || مجوز استفاده و توزیع پروژه<br /> |-<br /> | &lt;code style=&quot;direction:ltr;&quot;&gt;.github/workflows/&lt;/code&gt; || فایل‌های تنظیمات GitHub Actions برای اجرای خودکار CI/CD<br /> |-<br /> | &lt;code style=&quot;direction:ltr;&quot;&gt;CONTRIBUTING.md&lt;/code&gt; || راهنمای نحوهٔ مشارکت در پروژه برای دیگران<br /> |}<br /> <br /> == نکات و بهترین شیوه‌ها (GitHub) ==<br /> <br /> * همیشه یک فایل README واضح و کامل برای پروژه بنویسید تا دیگران سریع بفهمند پروژه چیست و چطور استفاده می‌شود.<br /> * برای پروژه‌های عمومی، یک فایل LICENSE مناسب انتخاب کنید تا شرایط استفاده از کد مشخص باشد.<br /> * از SSH به‌جای HTTPS برای اتصال استفاده کنید تا نیازی به وارد کردن توکن در هر push نباشد.<br /> * برای هر ویژگی یا رفع باگ، یک شاخهٔ جداگانه بسازید و از طریق Pull Request به شاخهٔ اصلی merge کنید، نه push مستقیم.<br /> * توضیحات Pull Request و Commit را واضح بنویسید تا بررسی کد برای دیگران ساده‌تر باشد.<br /> * از قابلیت GitHub Actions برای اجرای خودکار تست‌ها پیش از merge استفاده کنید تا کیفیت کد حفظ شود.</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=CMD&diff=23 2026-09-06T07:13:45Z

<p>Admin: صفحه‌ای تازه حاوی «== CMD چیست؟ == &#039;&#039;&#039;CMD (Command Prompt)&#039;&#039;&#039; یک رابط خط فرمان (Command Line Interface) در سیستم‌عامل ویندوز است که با نوشتن دستورات متنی، امکان اجرای عملیات مختلف (مدیریت فایل‌ها، شبکه، سیستم و...) را بدون نیاز به رابط گرافیکی فراهم می‌کند. نسخهٔ پیشرفته‌تر آن &#039;&#039;&#039;PowerShell&#039;&#039;&#039;...» ایجاد کرد</p> <hr /> <div>== CMD چیست؟ ==<br /> <br /> '''CMD (Command Prompt)''' یک رابط خط فرمان (Command Line Interface) در سیستم‌عامل ویندوز است که با نوشتن دستورات متنی، امکان اجرای عملیات مختلف (مدیریت فایل‌ها، شبکه، سیستم و...) را بدون نیاز به رابط گرافیکی فراهم می‌کند. نسخهٔ پیشرفته‌تر آن '''PowerShell''' است که قابلیت‌های بیشتری دارد.<br /> <br /> == باز کردن CMD ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! روش<br /> |-<br /> | باز کردن ساده || کلید Win را بزنید، بنویسید cmd و Enter بزنید<br /> |-<br /> | باز کردن با دسترسی مدیر (Administrator) || جستجوی cmd، سپس کلیک راست و انتخاب Run as administrator<br /> |-<br /> | باز کردن از مسیر یک پوشهٔ خاص || در File Explorer داخل پوشه، در نوار آدرس بنویسید cmd و Enter بزنید<br /> |}<br /> <br /> == مفاهیم پایه ==<br /> <br /> * '''Path (مسیر)''': آدرس یک فایل یا پوشه در سیستم، مثل &lt;code style=&quot;direction:ltr;&quot;&gt;C:\Users\Name&lt;/code&gt;<br /> * '''Directory (دایرکتوری)''': معادل پوشه (Folder)<br /> * '''Argument / Parameter''': مقادیر اضافه که همراه یک دستور نوشته می‌شوند تا رفتار آن را مشخص کنند<br /> * '''Flag / Switch''': گزینه‌های اختیاری یک دستور، معمولاً با علامت &lt;code style=&quot;direction:ltr;&quot;&gt;/&lt;/code&gt; نوشته می‌شوند (مثل &lt;code style=&quot;direction:ltr;&quot;&gt;/?&lt;/code&gt;)<br /> * '''Environment Variable (متغیر محیطی)''': مقادیری که در سطح سیستم تعریف شده و توسط برنامه‌ها قابل استفاده‌اند (مثل &lt;code style=&quot;direction:ltr;&quot;&gt;PATH&lt;/code&gt;)<br /> * '''Batch File''': فایلی با پسوند &lt;code style=&quot;direction:ltr;&quot;&gt;.bat&lt;/code&gt; که مجموعه‌ای از دستورات CMD را به‌صورت خودکار اجرا می‌کند<br /> <br /> == ناوبری بین پوشه‌ها ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | نمایش مسیر فعلی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cd&lt;/code&gt;<br /> |-<br /> | رفتن به یک پوشهٔ مشخص || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cd [مسیر]&lt;/code&gt;<br /> |-<br /> | رفتن به پوشهٔ بالاتر || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cd ..&lt;/code&gt;<br /> |-<br /> | رفتن به ریشهٔ درایو فعلی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cd \&lt;/code&gt;<br /> |-<br /> | تغییر درایو (مثلاً به D) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;D:&lt;/code&gt;<br /> |-<br /> | نمایش لیست فایل‌ها و پوشه‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;dir&lt;/code&gt;<br /> |-<br /> | پاک کردن صفحهٔ نمایش || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cls&lt;/code&gt;<br /> |-<br /> | رفتن به یک پوشهٔ مشخص || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cd [مسیر]&lt;/code&gt;<br /> |-<br /> | رفتن به پوشهٔ بالاتر || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cd ..&lt;/code&gt;<br /> |-<br /> | رفتن دو سطح بالاتر || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cd ..\..&lt;/code&gt;<br /> |-<br /> | رفتن به ریشهٔ درایو فعلی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cd \&lt;/code&gt;<br /> |-<br /> | رفتن به پوشهٔ کاربری (Home) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cd %userprofile%&lt;/code&gt;<br /> |-<br /> | تغییر درایو (مثلاً به D) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;D:&lt;/code&gt;<br /> |-<br /> | نمایش لیست فایل‌ها و پوشه‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;dir&lt;/code&gt;<br /> |-<br /> | نمایش لیست به همراه زیرپوشه‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;dir /s&lt;/code&gt;<br /> |-<br /> | نمایش فقط نام فایل‌ها (بدون جزئیات) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;dir /b&lt;/code&gt;<br /> |-<br /> | نمایش فایل‌های مخفی هم || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;dir /a&lt;/code&gt;<br /> |-<br /> | پاک کردن صفحهٔ نمایش || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cls&lt;/code&gt;<br /> |-<br /> | نمایش تاریخچهٔ دستورات اجراشده در همین پنجره || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;doskey /history&lt;/code&gt;<br /> |-<br /> | رفتن به دستور قبلی (بدون تایپ دوباره) || کلید جهت‌دار بالا (↑)<br /> |-<br /> | تکمیل خودکار نام فایل/پوشه || کلید Tab<br /> |}<br /> == مدیریت فایل‌ها و پوشه‌ها ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | ساخت پوشهٔ جدید || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;mkdir [نام]&lt;/code&gt;<br /> |-<br /> | حذف یک پوشهٔ خالی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;rmdir [نام]&lt;/code&gt;<br /> |-<br /> | حذف یک پوشه به همراه محتویات آن || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;rmdir /s /q [نام]&lt;/code&gt;<br /> |-<br /> | حذف یک فایل || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;del [نام فایل]&lt;/code&gt;<br /> |-<br /> | کپی کردن فایل || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;copy [مبدأ] [مقصد]&lt;/code&gt;<br /> |-<br /> | کپی کردن یک پوشه به همراه زیرپوشه‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;xcopy [مبدأ] [مقصد] /E /I&lt;/code&gt;<br /> |-<br /> | انتقال یا تغییر نام فایل/پوشه || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;move [مبدأ] [مقصد]&lt;/code&gt;<br /> |-<br /> | تغییر نام فایل || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;ren [نام قدیم] [نام جدید]&lt;/code&gt;<br /> |-<br /> | نمایش محتویات یک فایل متنی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;type [نام فایل]&lt;/code&gt;<br /> |-<br /> | ساخت یک فایل متنی خالی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;echo. &gt; [نام فایل]&lt;/code&gt;<br /> |}<br /> <br /> == اطلاعات سیستم ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | نمایش اطلاعات کامل سیستم‌عامل و سخت‌افزار || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;systeminfo&lt;/code&gt;<br /> |-<br /> | نمایش نسخهٔ ویندوز || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;ver&lt;/code&gt;<br /> |-<br /> | نمایش لیست فرآیندهای در حال اجرا || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;tasklist&lt;/code&gt;<br /> |-<br /> | متوقف کردن یک فرآیند با نام || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;taskkill /IM [نام] /F&lt;/code&gt;<br /> |-<br /> | متوقف کردن یک فرآیند با شناسه (PID) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;taskkill /PID [شماره] /F&lt;/code&gt;<br /> |-<br /> | مشاهدهٔ فضای خالی و مصرفی دیسک || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;wmic logicaldisk get size,freespace,caption&lt;/code&gt;<br /> |}<br /> <br /> == شبکه ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | نمایش تنظیمات شبکه (IP، Gateway و...) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;ipconfig&lt;/code&gt;<br /> |-<br /> | نمایش اطلاعات کامل و پیشرفتهٔ شبکه || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;ipconfig /all&lt;/code&gt;<br /> |-<br /> | تست اتصال به یک آدرس || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;ping [آدرس یا IP]&lt;/code&gt;<br /> |-<br /> | ردیابی مسیر بستهٔ اطلاعاتی تا مقصد || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;tracert [آدرس]&lt;/code&gt;<br /> |-<br /> | نمایش اطلاعات DNS یک دامنه || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;nslookup [دامنه]&lt;/code&gt;<br /> |-<br /> | پاک کردن کش DNS || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;ipconfig /flushdns&lt;/code&gt;<br /> |-<br /> | نمایش اتصالات فعال شبکه و پورت‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;netstat -an&lt;/code&gt;<br /> |}<br /> <br /> == کاربران و دسترسی‌ها ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | نمایش نام کاربری فعلی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;whoami&lt;/code&gt;<br /> |-<br /> | نمایش لیست کاربران سیستم || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;net user&lt;/code&gt;<br /> |-<br /> | ساخت کاربر جدید || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;net user [نام] [رمز] /add&lt;/code&gt;<br /> |-<br /> | تغییر رمز عبور یک کاربر || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;net user [نام] [رمز جدید]&lt;/code&gt;<br /> |}<br /> <br /> == دستورات پرکاربرد دیگر ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | نمایش راهنمای یک دستور || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;[دستور] /?&lt;/code&gt;<br /> |-<br /> | نمایش لیست تمام دستورات موجود || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;help&lt;/code&gt;<br /> |-<br /> | اجرای یک برنامه با نام || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;start [نام برنامه]&lt;/code&gt;<br /> |-<br /> | خروج از CMD || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;exit&lt;/code&gt;<br /> |-<br /> | باز کردن ابزار ویرایش رجیستری || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;regedit&lt;/code&gt;<br /> |-<br /> | اجرای ابزار مدیریت دیسک || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;diskmgmt.msc&lt;/code&gt;<br /> |}<br /> <br /> == نوشتن فایل Batch (.bat) ==<br /> <br /> فایل‌های &lt;code style=&quot;direction:ltr;&quot;&gt;.bat&lt;/code&gt; برای اجرای خودکار مجموعه‌ای از دستورات CMD استفاده می‌شوند. نمونه‌ای ساده:<br /> <br /> &lt;pre style=&quot;direction:ltr; text-align:left;&quot;&gt;<br /> @echo off<br /> echo Hello, this is a batch file!<br /> mkdir NewFolder<br /> cd NewFolder<br /> echo Done!<br /> pause<br /> &lt;/pre&gt;<br /> <br /> توضیح خطوط:<br /> * &lt;code style=&quot;direction:ltr;&quot;&gt;@echo off&lt;/code&gt;: از نمایش خود دستورات در خروجی جلوگیری می‌کند.<br /> * &lt;code style=&quot;direction:ltr;&quot;&gt;pause&lt;/code&gt;: اجرای فایل را متوقف می‌کند تا کاربر یک کلید بزند (برای دیدن خروجی).<br /> <br /> == نکات و بهترین شیوه‌ها ==<br /> <br /> * قبل از استفاده از دستورات حذف (&lt;code style=&quot;direction:ltr;&quot;&gt;del&lt;/code&gt;، &lt;code style=&quot;direction:ltr;&quot;&gt;rmdir /s&lt;/code&gt;)، از مسیر و نام فایل/پوشه مطمئن شوید؛ این عملیات‌ها معمولاً قابل بازگشت نیستند.<br /> * برای اجرای دستوراتی که نیاز به دسترسی سطح بالا دارند (مثل تغییر تنظیمات شبکه یا سیستم)، CMD را با «Run as administrator» باز کنید.<br /> * از تکمیل خودکار مسیرها با کلید Tab استفاده کنید تا از اشتباه تایپی جلوگیری شود.<br /> * برای مسیرهایی که فاصله دارند، آن‌ها را داخل گیومه بگذارید، مثل &lt;code style=&quot;direction:ltr;&quot;&gt;cd &quot;C:\My Folder&quot;&lt;/code&gt;</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=WordPress&diff=22 2026-09-06T07:10:02Z

<p>Admin: صفحه‌ای تازه حاوی «== وردپرس چیست؟ == &#039;&#039;&#039;وردپرس (WordPress)&#039;&#039;&#039; یک سیستم مدیریت محتوا (CMS) متن‌باز است که با زبان PHP نوشته شده و از پایگاه‌داده MySQL/MariaDB استفاده می‌کند. با وردپرس می‌توان بدون نیاز به دانش برنامه‌نویسی عمیق، انواع وب‌سایت (وبلاگ، فروشگاه، سایت شرکتی، پورت...» ایجاد کرد</p> <hr /> <div>== وردپرس چیست؟ ==<br /> <br /> '''وردپرس (WordPress)''' یک سیستم مدیریت محتوا (CMS) متن‌باز است که با زبان PHP نوشته شده و از پایگاه‌داده MySQL/MariaDB استفاده می‌کند. با وردپرس می‌توان بدون نیاز به دانش برنامه‌نویسی عمیق، انواع وب‌سایت (وبلاگ، فروشگاه، سایت شرکتی، پورتفولیو و...) ساخت. حدود ۴۰٪ از وب‌سایت‌های جهان با وردپرس ساخته شده‌اند.<br /> <br /> == مفاهیم پایه ==<br /> <br /> * '''Theme (قالب)''': ظاهر و چیدمان بصری سایت را مشخص می‌کند.<br /> * '''Plugin (افزونه)''': قابلیت‌های جدید به سایت اضافه می‌کند (فرم تماس، فروشگاه، سئو و...).<br /> * '''Post (نوشته)''': محتوای وبلاگی که معمولاً بر اساس تاریخ مرتب می‌شود.<br /> * '''Page (برگه)''': محتوای ثابت مثل «دربارهٔ ما» یا «تماس با ما».<br /> * '''Widget (ابزارک)''': بلوک‌های کوچک محتوایی که در نوار کناری یا فوتر قرار می‌گیرند.<br /> * '''Menu (منو)''': ساختار ناوبری سایت.<br /> * '''wp-admin''': پنل مدیریت وردپرس.<br /> * '''Child Theme (قالب فرزند)''': قالبی که از یک قالب اصلی ارث‌بری می‌کند تا تغییرات سفارشی بدون از دست رفتن در آپدیت باقی بماند.<br /> * '''Shortcode''': کدهای کوتاه بین کروشه برای افزودن قابلیت خاص داخل محتوا، مثل &lt;code style=&quot;direction:ltr;&quot;&gt;[gallery]&lt;/code&gt;.<br /> * '''Custom Post Type''': نوع محتوای سفارشی غیر از پست و برگهٔ پیش‌فرض (مثل «محصول» یا «نمونه‌کار»).<br /> <br /> == نصب و راه‌اندازی ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! جزئیات<br /> |-<br /> | نیازمندی‌های سرور || PHP نسخهٔ ۷.۴ یا بالاتر، MySQL 5.7+ یا MariaDB 10.3+<br /> |-<br /> | نصب یک‌کلیکی (اکثر هاست‌ها) || از پنل هاست (مثل Plesk یا cPanel) گزینهٔ نصب وردپرس را انتخاب کنید<br /> |-<br /> | نصب دستی || دانلود فایل‌ها از wordpress.org، آپلود به هاست، ساخت پایگاه‌داده، اجرای مراحل نصب از مرورگر<br /> |-<br /> | آدرس پنل مدیریت || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;yoursite.com/wp-admin&lt;/code&gt;<br /> |}<br /> <br /> == ساختار پوشه‌ها و فایل‌های مهم ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! مسیر/فایل<br /> |-<br /> | فایل تنظیمات اصلی (اتصال به دیتابیس) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;wp-config.php&lt;/code&gt;<br /> |-<br /> | پوشهٔ قالب‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;wp-content/themes/&lt;/code&gt;<br /> |-<br /> | پوشهٔ افزونه‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;wp-content/plugins/&lt;/code&gt;<br /> |-<br /> | پوشهٔ فایل‌های آپلودی (تصاویر و رسانه) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;wp-content/uploads/&lt;/code&gt;<br /> |-<br /> | فایل تنظیمات لینک‌ها و ریدایرکت || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;.htaccess&lt;/code&gt;<br /> |}<br /> <br /> == مدیریت قالب (Theme) ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! مسیر در پنل مدیریت<br /> |-<br /> | نصب و تغییر قالب || Appearance &gt; Themes<br /> |-<br /> | شخصی‌سازی زندهٔ سایت (رنگ، لوگو، منو) || Appearance &gt; Customize<br /> |-<br /> | ویرایش کدهای قالب (فایل‌های PHP/CSS) || Appearance &gt; Theme File Editor<br /> |-<br /> | ساخت قالب فرزند (روش امن‌تر برای شخصی‌سازی) || باید دستی با فایل &lt;code style=&quot;direction:ltr;&quot;&gt;style.css&lt;/code&gt; و &lt;code style=&quot;direction:ltr;&quot;&gt;functions.php&lt;/code&gt; ساخته شود<br /> |}<br /> <br /> == مدیریت افزونه‌ها (Plugins) ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! مسیر در پنل مدیریت<br /> |-<br /> | نصب افزونهٔ جدید || Plugins &gt; Add New<br /> |-<br /> | فعال/غیرفعال کردن افزونه || Plugins &gt; Installed Plugins<br /> |-<br /> | به‌روزرسانی افزونه‌ها || Plugins &gt; Installed Plugins (اعلان آپدیت به‌صورت خودکار نمایش داده می‌شود)<br /> |}<br /> <br /> '''افزونه‌های پرکاربرد و معروف:'''<br /> * '''Yoast SEO''' یا '''Rank Math''': بهینه‌سازی سئو<br /> * '''WooCommerce''': ساخت فروشگاه آنلاین<br /> * '''Elementor''' یا '''WPBakery''': صفحه‌ساز بصری (Page Builder)<br /> * '''Contact Form 7''' یا '''WPForms''': ساخت فرم تماس<br /> * '''UpdraftPlus''': پشتیبان‌گیری خودکار<br /> * '''WP Super Cache''' یا '''W3 Total Cache''': افزایش سرعت سایت با کش<br /> * '''Wordfence''': امنیت سایت<br /> <br /> == مدیریت محتوا ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! مسیر در پنل مدیریت<br /> |-<br /> | نوشتن پست جدید (وبلاگ) || Posts &gt; Add New<br /> |-<br /> | ساخت برگهٔ جدید (صفحهٔ ثابت) || Pages &gt; Add New<br /> |-<br /> | مدیریت دسته‌بندی‌ها و برچسب‌ها || Posts &gt; Categories / Tags<br /> |-<br /> | مدیریت رسانه (تصاویر، ویدیو) || Media &gt; Library<br /> |-<br /> | مدیریت نظرات || Comments<br /> |-<br /> | ویرایشگر پیش‌فرض محتوا || Gutenberg (ویرایشگر بلوکی)<br /> |}<br /> <br /> == منو و ناوبری ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! مسیر در پنل مدیریت<br /> |-<br /> | ساخت و مدیریت منوها || Appearance &gt; Menus<br /> |-<br /> | تخصیص منو به موقعیت‌های قالب (هدر، فوتر) || در همان صفحهٔ Menus، بخش Menu Settings<br /> |}<br /> <br /> == کاربران و نقش‌ها ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! نقش !! سطح دسترسی<br /> |-<br /> | Administrator || دسترسی کامل به تمام بخش‌های سایت<br /> |-<br /> | Editor || مدیریت تمام پست‌ها و برگه‌ها (حتی نوشته‌های دیگران)<br /> |-<br /> | Author || نوشتن، ویرایش و انتشار پست‌های خودش<br /> |-<br /> | Contributor || نوشتن پست ولی بدون امکان انتشار مستقیم<br /> |-<br /> | Subscriber || فقط مدیریت پروفایل شخصی و مشاهدهٔ محتوا<br /> |}<br /> <br /> == سئو (SEO) پایه ==<br /> <br /> * استفاده از پیوندهای یکتا و خوانا (Permalink) از مسیر Settings &gt; Permalinks (پیشنهاد: حالت Post name).<br /> * نوشتن عنوان (Title) و توضیحات متا (Meta Description) مناسب برای هر صفحه با کمک افزونه‌هایی مثل Yoast SEO.<br /> * استفاده از تصاویر بهینه‌شده (حجم کم) و متن جایگزین (Alt Text) برای هر تصویر.<br /> * ساخت و ارسال نقشهٔ سایت (Sitemap) به گوگل سرچ کنسول.<br /> * بهینه‌سازی سرعت سایت با کش، فشرده‌سازی تصاویر و انتخاب هاست مناسب.<br /> <br /> == امنیت و پشتیبان‌گیری ==<br /> <br /> * رمز عبور قوی برای وردپرس، دیتابیس و FTP انتخاب کنید و نام کاربری admin پیش‌فرض را تغییر دهید.<br /> * وردپرس، قالب و افزونه‌ها را همیشه به‌روز نگه دارید.<br /> * از افزونه‌های امنیتی (مثل Wordfence) برای محافظت در برابر حملات استفاده کنید.<br /> * به‌صورت منظم از سایت و پایگاه‌داده پشتیبان (Backup) تهیه کنید (دستی یا با افزونه مثل UpdraftPlus).<br /> * در صورت امکان، احراز هویت دومرحله‌ای (2FA) برای ورود به wp-admin فعال کنید.<br /> <br /> == مشکلات رایج و راه‌حل ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! مشکل !! راه‌حل<br /> |-<br /> | صفحهٔ سفید مرگ (White Screen of Death) || فعال‌سازی نمایش خطا در &lt;code style=&quot;direction:ltr;&quot;&gt;wp-config.php&lt;/code&gt; با &lt;code style=&quot;direction:ltr;&quot;&gt;WP_DEBUG&lt;/code&gt; و بررسی افزونه/قالب مشکل‌دار<br /> |-<br /> | خطای اتصال به پایگاه‌داده || بررسی صحت اطلاعات دیتابیس در &lt;code style=&quot;direction:ltr;&quot;&gt;wp-config.php&lt;/code&gt;<br /> |-<br /> | کندی سایت || فعال‌سازی کش، بهینه‌سازی تصاویر، انتخاب هاست بهتر، حذف افزونه‌های غیرضروری<br /> |-<br /> | قفل شدن دسترسی ادمین || تغییر رمز عبور از طریق phpMyAdmin در جدول &lt;code style=&quot;direction:ltr;&quot;&gt;wp_users&lt;/code&gt;<br /> |}<br /> <br /> == نکات و بهترین شیوه‌ها ==<br /> <br /> * همیشه پیش از هرگونه تغییر مهم (آپدیت، تغییر قالب)، یک نسخهٔ پشتیبان کامل تهیه کنید.<br /> * از قالب فرزند (Child Theme) برای شخصی‌سازی استفاده کنید تا تغییرات با آپدیت قالب اصلی از بین نروند.<br /> * تعداد افزونه‌ها را به حداقل لازم محدود کنید تا سرعت و امنیت سایت حفظ شود.<br /> * افزونه‌ها و قالب‌ها را فقط از منابع معتبر (وردپرس رسمی یا فروشندگان شناخته‌شده) دریافت کنید.</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C&diff=21 2026-09-06T07:08:39Z

<p>Admin: </p> <hr /> <div>== به ویکی شکیبا خوش آمدید ==<br /> <br /> این ویکی، مرجع شخصی من برای ثبت و مرور آموخته‌هایی است که در مسیر یادگیری برنامه‌نویسی و طراحی وب جمع‌آوری کرده‌ام.<br /> <br /> == موضوعات ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! موضوع !! توضیح کوتاه<br /> |-<br /> | [[Git]] || سیستم کنترل نسخه؛ دستورات پایه، شاخه‌ها، ریموت، rebase و حل تعارض<br /> |-<br /> | [[WordPress]] || طراحی سایت با وردپرس؛ قالب، افزونه، سئو، امنیت و مدیریت محتوا<br /> |-<br /> | [[CMD]] || خط فرمان ویندوز؛ ناوبری، مدیریت فایل، شبکه و فایل‌های Batch<br /> |-<br /> | [[Prompt Engineering]] || اصول و تکنیک‌های نوشتن پرامپت برای مدل‌های هوش مصنوعی<br /> |}<br /> <br /> == دربارهٔ این ویکی ==<br /> <br /> * هدف: ثبت منظم و قابل‌جستجوی آموخته‌ها به‌جای پراکنده بودن در یادداشت‌های مختلف<br /> * زبان محتوا: فارسی<br /> * ساختار هر صفحه: مفاهیم پایه، سپس دستورات/تکنیک‌ها در قالب جدول، و در پایان نکات و بهترین شیوه‌ها<br /> <br /> == آخرین تغییرات ==<br /> <br /> برای مشاهدهٔ آخرین ویرایش‌های انجام‌شده در ویکی، به [[Special:RecentChanges|تغییرات اخیر]] مراجعه کنید.</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=Prompt_Engineering&diff=20 2026-09-06T07:01:06Z

<p>Admin: صفحه‌ای تازه حاوی «== پرامپت‌نویسی چیست؟ == &#039;&#039;&#039;پرامپت‌نویسی (Prompt Engineering)&#039;&#039;&#039; هنر و مهارت نوشتن دستورات (prompt) برای مدل‌های هوش مصنوعی زبانی (مثل ChatGPT، Claude، Gemini) به‌گونه‌ای است که بهترین، دقیق‌ترین و مفیدترین خروجی ممکن را دریافت کنیم. یک پرامپت خوب می‌تواند تفاوت ب...» ایجاد کرد</p> <hr /> <div>== پرامپت‌نویسی چیست؟ ==<br /> <br /> '''پرامپت‌نویسی (Prompt Engineering)''' هنر و مهارت نوشتن دستورات (prompt) برای مدل‌های هوش مصنوعی زبانی (مثل ChatGPT، Claude، Gemini) به‌گونه‌ای است که بهترین، دقیق‌ترین و مفیدترین خروجی ممکن را دریافت کنیم. یک پرامپت خوب می‌تواند تفاوت بزرگی بین یک پاسخ ضعیف و یک پاسخ عالی ایجاد کند.<br /> <br /> == مفاهیم پایه ==<br /> <br /> * '''Prompt''': متن یا دستوری که به مدل هوش مصنوعی داده می‌شود.<br /> * '''Context (زمینه)''': اطلاعات پس‌زمینه‌ای که به مدل کمک می‌کند پاسخ دقیق‌تری بدهد.<br /> * '''System Prompt''': دستورالعمل کلی که رفتار و شخصیت مدل را در طول یک گفتگو تعیین می‌کند.<br /> * '''Token''': کوچک‌ترین واحد متنی که مدل پردازش می‌کند (تقریباً معادل بخشی از یک کلمه).<br /> * '''Temperature''': پارامتری که میزان خلاقیت/تصادفی بودن پاسخ مدل را کنترل می‌کند (عدد پایین = دقیق‌تر و قابل‌پیش‌بینی‌تر، عدد بالا = خلاقانه‌تر).<br /> * '''Few-shot Prompting''': دادن چند مثال به مدل قبل از درخواست اصلی تا الگوی پاسخ را یاد بگیرد.<br /> * '''Zero-shot Prompting''': درخواست مستقیم از مدل بدون دادن هیچ مثالی.<br /> * '''Chain of Thought (زنجیرهٔ فکری)''': درخواست از مدل برای فکر کردن قدم‌به‌قدم قبل از رسیدن به پاسخ نهایی.<br /> * '''Hallucination''': وقتی مدل اطلاعات نادرست یا ساختگی را با اعتمادبه‌نفس بیان می‌کند.<br /> <br /> == اصول یک پرامپت خوب ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! اصل !! توضیح<br /> |-<br /> | وضوح (Clarity) || دقیق و واضح بگویید چه می‌خواهید؛ از ابهام پرهیز کنید.<br /> |-<br /> | زمینه (Context) || اطلاعات لازم (هدف، مخاطب، محدودیت‌ها) را در پرامپت بگنجانید.<br /> |-<br /> | مشخص کردن فرمت خروجی || بگویید پاسخ به چه شکلی باشد (لیست، جدول، کد، مقاله و...).<br /> |-<br /> | تعیین نقش (Role) || از مدل بخواهید نقش خاصی ایفا کند، مثلاً «به‌عنوان یک برنامه‌نویس ارشد پاسخ بده».<br /> |-<br /> | مثال دادن (Examples) || با ارائهٔ یک یا چند نمونه، الگوی موردنظر را روشن‌تر کنید.<br /> |-<br /> | محدودیت طول || اگر پاسخ کوتاه یا بلند می‌خواهید، آن را مشخص کنید (مثلاً «در حد ۲۰۰ کلمه»).<br /> |-<br /> | تکرار و اصلاح (Iteration) || اگر پاسخ اول رضایت‌بخش نبود، پرامپت را اصلاح و دوباره امتحان کنید.<br /> |}<br /> <br /> == تکنیک‌های پرامپت‌نویسی ==<br /> <br /> === ۱. تعیین نقش (Role Prompting) ===<br /> به مدل بگویید چه نقشی دارد تا لحن و محتوای پاسخ متناسب شود.<br /> <br /> &lt;pre style=&quot;direction:rtl; text-align:right;&quot;&gt;<br /> مثال: «تو یک متخصص سئو با ۱۰ سال سابقه هستی. یک استراتژی سئو برای یک فروشگاه آنلاین لباس پیشنهاد بده.»<br /> &lt;/pre&gt;<br /> <br /> === ۲. زنجیرهٔ فکری (Chain of Thought) ===<br /> از مدل بخواهید مرحله‌به‌مرحله فکر کند، مخصوصاً برای مسائل پیچیده یا محاسباتی.<br /> <br /> &lt;pre style=&quot;direction:rtl; text-align:right;&quot;&gt;<br /> مثال: «این مسئله را قدم‌به‌قدم حل کن و برای هر مرحله توضیح بده که چرا آن کار را انجام می‌دهی.»<br /> &lt;/pre&gt;<br /> <br /> === ۳. Few-shot Prompting ===<br /> چند مثال از الگوی موردنظر بده تا مدل سبک پاسخ را یاد بگیرد.<br /> <br /> &lt;pre style=&quot;direction:rtl; text-align:right;&quot;&gt;<br /> مثال:<br /> ورودی: خوشحالم<br /> خروجی: مثبت<br /> <br /> ورودی: از این وضعیت خسته شدم<br /> خروجی: منفی<br /> <br /> ورودی: هوا امروز عالیه<br /> خروجی: ؟<br /> &lt;/pre&gt;<br /> <br /> === ۴. مشخص کردن فرمت خروجی ===<br /> &lt;pre style=&quot;direction:rtl; text-align:right;&quot;&gt;<br /> مثال: «پاسخ را به‌صورت جدول با سه ستون (نام، مزیت، معایب) بنویس.»<br /> &lt;/pre&gt;<br /> <br /> === ۵. محدود کردن دامنهٔ پاسخ ===<br /> &lt;pre style=&quot;direction:rtl; text-align:right;&quot;&gt;<br /> مثال: «فقط بر اساس اطلاعاتی که در متن زیر داده شده پاسخ بده و از دانش عمومی استفاده نکن.»<br /> &lt;/pre&gt;<br /> <br /> === ۶. درخواست خودارزیابی (Self-critique) ===<br /> &lt;pre style=&quot;direction:rtl; text-align:right;&quot;&gt;<br /> مثال: «پاسخ را بنویس، سپس آن را نقد کن و نسخهٔ بهتری ارائه بده.»<br /> &lt;/pre&gt;<br /> <br /> == ساختار پیشنهادی یک پرامپت کامل ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! بخش !! توضیح<br /> |-<br /> | نقش || مدل چه کسی/چه چیزی باشد<br /> |-<br /> | هدف || چه کاری باید انجام شود<br /> |-<br /> | زمینه || اطلاعات پس‌زمینه‌ای لازم<br /> |-<br /> | محدودیت‌ها || چه چیزهایی نباید انجام شود یا چه محدودیت‌هایی وجود دارد<br /> |-<br /> | فرمت خروجی || شکل نهایی پاسخ (لیست، جدول، کد و...)<br /> |-<br /> | مثال (اختیاری) || یک یا چند نمونه برای روشن‌تر شدن انتظار<br /> |}<br /> <br /> نمونهٔ کامل با این ساختار:<br /> &lt;pre style=&quot;direction:rtl; text-align:right;&quot;&gt;<br /> تو یک مربی تناسب‌اندام حرفه‌ای هستی (نقش).<br /> یک برنامهٔ تمرینی ۳ روزه برای یک فرد مبتدی که فقط دمبل در خانه دارد طراحی کن (هدف).<br /> فرد ۲۵ سال دارد و هدفش افزایش حجم عضلانی است (زمینه).<br /> از تمرینات پرخطر یا نیازمند دستگاه باشگاه استفاده نکن (محدودیت).<br /> خروجی را به‌صورت جدول با ستون‌های روز، حرکت، تعداد ست و تکرار بنویس (فرمت خروجی).<br /> &lt;/pre&gt;<br /> <br /> == اشتباهات رایج ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! اشتباه !! راه‌حل<br /> |-<br /> | پرامپت مبهم و کلی || جزئیات و هدف مشخص را اضافه کنید<br /> |-<br /> | ندادن زمینهٔ کافی || اطلاعات لازم (مخاطب، هدف، سبک) را در پرامپت بگنجانید<br /> |-<br /> | درخواست چند کار متفاوت در یک پرامپت || وظایف را تفکیک کرده و مرحله‌به‌مرحله درخواست دهید<br /> |-<br /> | اعتماد کورکورانه به خروجی || همیشه پاسخ‌های مهم (مخصوصاً اطلاعات فنی یا آماری) را راستی‌آزمایی کنید<br /> |-<br /> | عدم اصلاح پرامپت بعد از پاسخ ضعیف || پرامپت را با جزئیات بیشتر یا مثال بازنویسی و دوباره امتحان کنید<br /> |}<br /> <br /> == نکات و بهترین شیوه‌ها ==<br /> <br /> * پرامپت را مثل صحبت با یک همکار باهوش ولی بدون اطلاعات زمینه‌ای بنویسید؛ هرچه بیشتر و دقیق‌تر توضیح دهید، پاسخ بهتری می‌گیرید.<br /> * برای وظایف پیچیده، پرامپت را به چند مرحلهٔ کوچک‌تر بشکنید.<br /> * از علامت‌های واضح (مثل شماره‌گذاری، خط تیره، یا برچسب‌های XML) برای جدا کردن بخش‌های مختلف پرامپت استفاده کنید.<br /> * همیشه خروجی مدل را بازبینی و در صورت نیاز پرامپت را اصلاح کنید (Prompt Iteration).<br /> * برای کارهای تکراری، پرامپت‌های موفق خود را ذخیره و به‌عنوان الگو (Template) دوباره استفاده کنید.</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=Command_prompt&diff=19 2026-09-06T06:58:08Z

<p>Admin: صفحه‌ای تازه حاوی «== CMD چیست؟ == &#039;&#039;&#039;CMD (Command Prompt)&#039;&#039;&#039; یک رابط خط فرمان (Command Line Interface) در سیستم‌عامل ویندوز است که با نوشتن دستورات متنی، امکان اجرای عملیات مختلف (مدیریت فایل‌ها، شبکه، سیستم و...) را بدون نیاز به رابط گرافیکی فراهم می‌کند. نسخهٔ پیشرفته‌تر آن &#039;&#039;&#039;PowerShell&#039;&#039;&#039;...» ایجاد کرد</p> <hr /> <div>== CMD چیست؟ ==<br /> <br /> '''CMD (Command Prompt)''' یک رابط خط فرمان (Command Line Interface) در سیستم‌عامل ویندوز است که با نوشتن دستورات متنی، امکان اجرای عملیات مختلف (مدیریت فایل‌ها، شبکه، سیستم و...) را بدون نیاز به رابط گرافیکی فراهم می‌کند. نسخهٔ پیشرفته‌تر آن '''PowerShell''' است که قابلیت‌های بیشتری دارد.<br /> <br /> == باز کردن CMD ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! روش<br /> |-<br /> | باز کردن ساده || کلید Win را بزنید، بنویسید cmd و Enter بزنید<br /> |-<br /> | باز کردن با دسترسی مدیر (Administrator) || جستجوی cmd، سپس کلیک راست و انتخاب Run as administrator<br /> |-<br /> | باز کردن از مسیر یک پوشهٔ خاص || در File Explorer داخل پوشه، در نوار آدرس بنویسید cmd و Enter بزنید<br /> |}<br /> <br /> == مفاهیم پایه ==<br /> <br /> * '''Path (مسیر)''': آدرس یک فایل یا پوشه در سیستم، مثل &lt;code style=&quot;direction:ltr;&quot;&gt;C:\Users\Name&lt;/code&gt;<br /> * '''Directory (دایرکتوری)''': معادل پوشه (Folder)<br /> * '''Argument / Parameter''': مقادیر اضافه که همراه یک دستور نوشته می‌شوند تا رفتار آن را مشخص کنند<br /> * '''Flag / Switch''': گزینه‌های اختیاری یک دستور، معمولاً با علامت &lt;code style=&quot;direction:ltr;&quot;&gt;/&lt;/code&gt; نوشته می‌شوند (مثل &lt;code style=&quot;direction:ltr;&quot;&gt;/?&lt;/code&gt;)<br /> * '''Environment Variable (متغیر محیطی)''': مقادیری که در سطح سیستم تعریف شده و توسط برنامه‌ها قابل استفاده‌اند (مثل &lt;code style=&quot;direction:ltr;&quot;&gt;PATH&lt;/code&gt;)<br /> * '''Batch File''': فایلی با پسوند &lt;code style=&quot;direction:ltr;&quot;&gt;.bat&lt;/code&gt; که مجموعه‌ای از دستورات CMD را به‌صورت خودکار اجرا می‌کند<br /> <br /> == ناوبری بین پوشه‌ها ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | نمایش مسیر فعلی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cd&lt;/code&gt;<br /> |-<br /> | رفتن به یک پوشهٔ مشخص || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cd [مسیر]&lt;/code&gt;<br /> |-<br /> | رفتن به پوشهٔ بالاتر || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cd ..&lt;/code&gt;<br /> |-<br /> | رفتن به ریشهٔ درایو فعلی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cd \&lt;/code&gt;<br /> |-<br /> | تغییر درایو (مثلاً به D) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;D:&lt;/code&gt;<br /> |-<br /> | نمایش لیست فایل‌ها و پوشه‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;dir&lt;/code&gt;<br /> |-<br /> | پاک کردن صفحهٔ نمایش || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cls&lt;/code&gt;<br /> |-<br /> | رفتن به یک پوشهٔ مشخص || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cd [مسیر]&lt;/code&gt;<br /> |-<br /> | رفتن به پوشهٔ بالاتر || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cd ..&lt;/code&gt;<br /> |-<br /> | رفتن دو سطح بالاتر || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cd ..\..&lt;/code&gt;<br /> |-<br /> | رفتن به ریشهٔ درایو فعلی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cd \&lt;/code&gt;<br /> |-<br /> | رفتن به پوشهٔ کاربری (Home) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cd %userprofile%&lt;/code&gt;<br /> |-<br /> | تغییر درایو (مثلاً به D) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;D:&lt;/code&gt;<br /> |-<br /> | نمایش لیست فایل‌ها و پوشه‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;dir&lt;/code&gt;<br /> |-<br /> | نمایش لیست به همراه زیرپوشه‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;dir /s&lt;/code&gt;<br /> |-<br /> | نمایش فقط نام فایل‌ها (بدون جزئیات) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;dir /b&lt;/code&gt;<br /> |-<br /> | نمایش فایل‌های مخفی هم || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;dir /a&lt;/code&gt;<br /> |-<br /> | پاک کردن صفحهٔ نمایش || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;cls&lt;/code&gt;<br /> |-<br /> | نمایش تاریخچهٔ دستورات اجراشده در همین پنجره || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;doskey /history&lt;/code&gt;<br /> |-<br /> | رفتن به دستور قبلی (بدون تایپ دوباره) || کلید جهت‌دار بالا (↑)<br /> |-<br /> | تکمیل خودکار نام فایل/پوشه || کلید Tab<br /> |}<br /> == مدیریت فایل‌ها و پوشه‌ها ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | ساخت پوشهٔ جدید || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;mkdir [نام]&lt;/code&gt;<br /> |-<br /> | حذف یک پوشهٔ خالی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;rmdir [نام]&lt;/code&gt;<br /> |-<br /> | حذف یک پوشه به همراه محتویات آن || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;rmdir /s /q [نام]&lt;/code&gt;<br /> |-<br /> | حذف یک فایل || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;del [نام فایل]&lt;/code&gt;<br /> |-<br /> | کپی کردن فایل || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;copy [مبدأ] [مقصد]&lt;/code&gt;<br /> |-<br /> | کپی کردن یک پوشه به همراه زیرپوشه‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;xcopy [مبدأ] [مقصد] /E /I&lt;/code&gt;<br /> |-<br /> | انتقال یا تغییر نام فایل/پوشه || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;move [مبدأ] [مقصد]&lt;/code&gt;<br /> |-<br /> | تغییر نام فایل || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;ren [نام قدیم] [نام جدید]&lt;/code&gt;<br /> |-<br /> | نمایش محتویات یک فایل متنی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;type [نام فایل]&lt;/code&gt;<br /> |-<br /> | ساخت یک فایل متنی خالی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;echo. &gt; [نام فایل]&lt;/code&gt;<br /> |}<br /> <br /> == اطلاعات سیستم ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | نمایش اطلاعات کامل سیستم‌عامل و سخت‌افزار || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;systeminfo&lt;/code&gt;<br /> |-<br /> | نمایش نسخهٔ ویندوز || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;ver&lt;/code&gt;<br /> |-<br /> | نمایش لیست فرآیندهای در حال اجرا || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;tasklist&lt;/code&gt;<br /> |-<br /> | متوقف کردن یک فرآیند با نام || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;taskkill /IM [نام] /F&lt;/code&gt;<br /> |-<br /> | متوقف کردن یک فرآیند با شناسه (PID) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;taskkill /PID [شماره] /F&lt;/code&gt;<br /> |-<br /> | مشاهدهٔ فضای خالی و مصرفی دیسک || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;wmic logicaldisk get size,freespace,caption&lt;/code&gt;<br /> |}<br /> <br /> == شبکه ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | نمایش تنظیمات شبکه (IP، Gateway و...) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;ipconfig&lt;/code&gt;<br /> |-<br /> | نمایش اطلاعات کامل و پیشرفتهٔ شبکه || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;ipconfig /all&lt;/code&gt;<br /> |-<br /> | تست اتصال به یک آدرس || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;ping [آدرس یا IP]&lt;/code&gt;<br /> |-<br /> | ردیابی مسیر بستهٔ اطلاعاتی تا مقصد || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;tracert [آدرس]&lt;/code&gt;<br /> |-<br /> | نمایش اطلاعات DNS یک دامنه || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;nslookup [دامنه]&lt;/code&gt;<br /> |-<br /> | پاک کردن کش DNS || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;ipconfig /flushdns&lt;/code&gt;<br /> |-<br /> | نمایش اتصالات فعال شبکه و پورت‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;netstat -an&lt;/code&gt;<br /> |}<br /> <br /> == کاربران و دسترسی‌ها ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | نمایش نام کاربری فعلی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;whoami&lt;/code&gt;<br /> |-<br /> | نمایش لیست کاربران سیستم || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;net user&lt;/code&gt;<br /> |-<br /> | ساخت کاربر جدید || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;net user [نام] [رمز] /add&lt;/code&gt;<br /> |-<br /> | تغییر رمز عبور یک کاربر || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;net user [نام] [رمز جدید]&lt;/code&gt;<br /> |}<br /> <br /> == دستورات پرکاربرد دیگر ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | نمایش راهنمای یک دستور || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;[دستور] /?&lt;/code&gt;<br /> |-<br /> | نمایش لیست تمام دستورات موجود || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;help&lt;/code&gt;<br /> |-<br /> | اجرای یک برنامه با نام || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;start [نام برنامه]&lt;/code&gt;<br /> |-<br /> | خروج از CMD || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;exit&lt;/code&gt;<br /> |-<br /> | باز کردن ابزار ویرایش رجیستری || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;regedit&lt;/code&gt;<br /> |-<br /> | اجرای ابزار مدیریت دیسک || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;diskmgmt.msc&lt;/code&gt;<br /> |}<br /> <br /> == نوشتن فایل Batch (.bat) ==<br /> <br /> فایل‌های &lt;code style=&quot;direction:ltr;&quot;&gt;.bat&lt;/code&gt; برای اجرای خودکار مجموعه‌ای از دستورات CMD استفاده می‌شوند. نمونه‌ای ساده:<br /> <br /> &lt;pre style=&quot;direction:ltr; text-align:left;&quot;&gt;<br /> @echo off<br /> echo Hello, this is a batch file!<br /> mkdir NewFolder<br /> cd NewFolder<br /> echo Done!<br /> pause<br /> &lt;/pre&gt;<br /> <br /> توضیح خطوط:<br /> * &lt;code style=&quot;direction:ltr;&quot;&gt;@echo off&lt;/code&gt;: از نمایش خود دستورات در خروجی جلوگیری می‌کند.<br /> * &lt;code style=&quot;direction:ltr;&quot;&gt;pause&lt;/code&gt;: اجرای فایل را متوقف می‌کند تا کاربر یک کلید بزند (برای دیدن خروجی).<br /> <br /> == نکات و بهترین شیوه‌ها ==<br /> <br /> * قبل از استفاده از دستورات حذف (&lt;code style=&quot;direction:ltr;&quot;&gt;del&lt;/code&gt;، &lt;code style=&quot;direction:ltr;&quot;&gt;rmdir /s&lt;/code&gt;)، از مسیر و نام فایل/پوشه مطمئن شوید؛ این عملیات‌ها معمولاً قابل بازگشت نیستند.<br /> * برای اجرای دستوراتی که نیاز به دسترسی سطح بالا دارند (مثل تغییر تنظیمات شبکه یا سیستم)، CMD را با «Run as administrator» باز کنید.<br /> * از تکمیل خودکار مسیرها با کلید Tab استفاده کنید تا از اشتباه تایپی جلوگیری شود.<br /> * برای مسیرهایی که فاصله دارند، آن‌ها را داخل گیومه بگذارید، مثل &lt;code style=&quot;direction:ltr;&quot;&gt;cd &quot;C:\My Folder&quot;&lt;/code&gt;</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=Wordpress&diff=18 2026-09-06T06:46:57Z

<p>Admin: صفحه‌ای تازه حاوی «== وردپرس چیست؟ == &#039;&#039;&#039;وردپرس (WordPress)&#039;&#039;&#039; یک سیستم مدیریت محتوا (CMS) متن‌باز است که با زبان PHP نوشته شده و از پایگاه‌داده MySQL/MariaDB استفاده می‌کند. با وردپرس می‌توان بدون نیاز به دانش برنامه‌نویسی عمیق، انواع وب‌سایت (وبلاگ، فروشگاه، سایت شرکتی، پورت...» ایجاد کرد</p> <hr /> <div>== وردپرس چیست؟ ==<br /> <br /> '''وردپرس (WordPress)''' یک سیستم مدیریت محتوا (CMS) متن‌باز است که با زبان PHP نوشته شده و از پایگاه‌داده MySQL/MariaDB استفاده می‌کند. با وردپرس می‌توان بدون نیاز به دانش برنامه‌نویسی عمیق، انواع وب‌سایت (وبلاگ، فروشگاه، سایت شرکتی، پورتفولیو و...) ساخت. حدود ۴۰٪ از وب‌سایت‌های جهان با وردپرس ساخته شده‌اند.<br /> <br /> == مفاهیم پایه ==<br /> <br /> * '''Theme (قالب)''': ظاهر و چیدمان بصری سایت را مشخص می‌کند.<br /> * '''Plugin (افزونه)''': قابلیت‌های جدید به سایت اضافه می‌کند (فرم تماس، فروشگاه، سئو و...).<br /> * '''Post (نوشته)''': محتوای وبلاگی که معمولاً بر اساس تاریخ مرتب می‌شود.<br /> * '''Page (برگه)''': محتوای ثابت مثل «دربارهٔ ما» یا «تماس با ما».<br /> * '''Widget (ابزارک)''': بلوک‌های کوچک محتوایی که در نوار کناری یا فوتر قرار می‌گیرند.<br /> * '''Menu (منو)''': ساختار ناوبری سایت.<br /> * '''wp-admin''': پنل مدیریت وردپرس.<br /> * '''Child Theme (قالب فرزند)''': قالبی که از یک قالب اصلی ارث‌بری می‌کند تا تغییرات سفارشی بدون از دست رفتن در آپدیت باقی بماند.<br /> * '''Shortcode''': کدهای کوتاه بین کروشه برای افزودن قابلیت خاص داخل محتوا، مثل &lt;code style=&quot;direction:ltr;&quot;&gt;[gallery]&lt;/code&gt;.<br /> * '''Custom Post Type''': نوع محتوای سفارشی غیر از پست و برگهٔ پیش‌فرض (مثل «محصول» یا «نمونه‌کار»).<br /> <br /> == نصب و راه‌اندازی ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! جزئیات<br /> |-<br /> | نیازمندی‌های سرور || PHP نسخهٔ ۷.۴ یا بالاتر، MySQL 5.7+ یا MariaDB 10.3+<br /> |-<br /> | نصب یک‌کلیکی (اکثر هاست‌ها) || از پنل هاست (مثل Plesk یا cPanel) گزینهٔ نصب وردپرس را انتخاب کنید<br /> |-<br /> | نصب دستی || دانلود فایل‌ها از wordpress.org، آپلود به هاست، ساخت پایگاه‌داده، اجرای مراحل نصب از مرورگر<br /> |-<br /> | آدرس پنل مدیریت || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;yoursite.com/wp-admin&lt;/code&gt;<br /> |}<br /> <br /> == ساختار پوشه‌ها و فایل‌های مهم ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! مسیر/فایل<br /> |-<br /> | فایل تنظیمات اصلی (اتصال به دیتابیس) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;wp-config.php&lt;/code&gt;<br /> |-<br /> | پوشهٔ قالب‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;wp-content/themes/&lt;/code&gt;<br /> |-<br /> | پوشهٔ افزونه‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;wp-content/plugins/&lt;/code&gt;<br /> |-<br /> | پوشهٔ فایل‌های آپلودی (تصاویر و رسانه) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;wp-content/uploads/&lt;/code&gt;<br /> |-<br /> | فایل تنظیمات لینک‌ها و ریدایرکت || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;.htaccess&lt;/code&gt;<br /> |}<br /> <br /> == مدیریت قالب (Theme) ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! مسیر در پنل مدیریت<br /> |-<br /> | نصب و تغییر قالب || Appearance &gt; Themes<br /> |-<br /> | شخصی‌سازی زندهٔ سایت (رنگ، لوگو، منو) || Appearance &gt; Customize<br /> |-<br /> | ویرایش کدهای قالب (فایل‌های PHP/CSS) || Appearance &gt; Theme File Editor<br /> |-<br /> | ساخت قالب فرزند (روش امن‌تر برای شخصی‌سازی) || باید دستی با فایل &lt;code style=&quot;direction:ltr;&quot;&gt;style.css&lt;/code&gt; و &lt;code style=&quot;direction:ltr;&quot;&gt;functions.php&lt;/code&gt; ساخته شود<br /> |}<br /> <br /> == مدیریت افزونه‌ها (Plugins) ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! مسیر در پنل مدیریت<br /> |-<br /> | نصب افزونهٔ جدید || Plugins &gt; Add New<br /> |-<br /> | فعال/غیرفعال کردن افزونه || Plugins &gt; Installed Plugins<br /> |-<br /> | به‌روزرسانی افزونه‌ها || Plugins &gt; Installed Plugins (اعلان آپدیت به‌صورت خودکار نمایش داده می‌شود)<br /> |}<br /> <br /> '''افزونه‌های پرکاربرد و معروف:'''<br /> * '''Yoast SEO''' یا '''Rank Math''': بهینه‌سازی سئو<br /> * '''WooCommerce''': ساخت فروشگاه آنلاین<br /> * '''Elementor''' یا '''WPBakery''': صفحه‌ساز بصری (Page Builder)<br /> * '''Contact Form 7''' یا '''WPForms''': ساخت فرم تماس<br /> * '''UpdraftPlus''': پشتیبان‌گیری خودکار<br /> * '''WP Super Cache''' یا '''W3 Total Cache''': افزایش سرعت سایت با کش<br /> * '''Wordfence''': امنیت سایت<br /> <br /> == مدیریت محتوا ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! مسیر در پنل مدیریت<br /> |-<br /> | نوشتن پست جدید (وبلاگ) || Posts &gt; Add New<br /> |-<br /> | ساخت برگهٔ جدید (صفحهٔ ثابت) || Pages &gt; Add New<br /> |-<br /> | مدیریت دسته‌بندی‌ها و برچسب‌ها || Posts &gt; Categories / Tags<br /> |-<br /> | مدیریت رسانه (تصاویر، ویدیو) || Media &gt; Library<br /> |-<br /> | مدیریت نظرات || Comments<br /> |-<br /> | ویرایشگر پیش‌فرض محتوا || Gutenberg (ویرایشگر بلوکی)<br /> |}<br /> <br /> == منو و ناوبری ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! مسیر در پنل مدیریت<br /> |-<br /> | ساخت و مدیریت منوها || Appearance &gt; Menus<br /> |-<br /> | تخصیص منو به موقعیت‌های قالب (هدر، فوتر) || در همان صفحهٔ Menus، بخش Menu Settings<br /> |}<br /> <br /> == کاربران و نقش‌ها ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! نقش !! سطح دسترسی<br /> |-<br /> | Administrator || دسترسی کامل به تمام بخش‌های سایت<br /> |-<br /> | Editor || مدیریت تمام پست‌ها و برگه‌ها (حتی نوشته‌های دیگران)<br /> |-<br /> | Author || نوشتن، ویرایش و انتشار پست‌های خودش<br /> |-<br /> | Contributor || نوشتن پست ولی بدون امکان انتشار مستقیم<br /> |-<br /> | Subscriber || فقط مدیریت پروفایل شخصی و مشاهدهٔ محتوا<br /> |}<br /> <br /> == سئو (SEO) پایه ==<br /> <br /> * استفاده از پیوندهای یکتا و خوانا (Permalink) از مسیر Settings &gt; Permalinks (پیشنهاد: حالت Post name).<br /> * نوشتن عنوان (Title) و توضیحات متا (Meta Description) مناسب برای هر صفحه با کمک افزونه‌هایی مثل Yoast SEO.<br /> * استفاده از تصاویر بهینه‌شده (حجم کم) و متن جایگزین (Alt Text) برای هر تصویر.<br /> * ساخت و ارسال نقشهٔ سایت (Sitemap) به گوگل سرچ کنسول.<br /> * بهینه‌سازی سرعت سایت با کش، فشرده‌سازی تصاویر و انتخاب هاست مناسب.<br /> <br /> == امنیت و پشتیبان‌گیری ==<br /> <br /> * رمز عبور قوی برای وردپرس، دیتابیس و FTP انتخاب کنید و نام کاربری admin پیش‌فرض را تغییر دهید.<br /> * وردپرس، قالب و افزونه‌ها را همیشه به‌روز نگه دارید.<br /> * از افزونه‌های امنیتی (مثل Wordfence) برای محافظت در برابر حملات استفاده کنید.<br /> * به‌صورت منظم از سایت و پایگاه‌داده پشتیبان (Backup) تهیه کنید (دستی یا با افزونه مثل UpdraftPlus).<br /> * در صورت امکان، احراز هویت دومرحله‌ای (2FA) برای ورود به wp-admin فعال کنید.<br /> <br /> == مشکلات رایج و راه‌حل ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! مشکل !! راه‌حل<br /> |-<br /> | صفحهٔ سفید مرگ (White Screen of Death) || فعال‌سازی نمایش خطا در &lt;code style=&quot;direction:ltr;&quot;&gt;wp-config.php&lt;/code&gt; با &lt;code style=&quot;direction:ltr;&quot;&gt;WP_DEBUG&lt;/code&gt; و بررسی افزونه/قالب مشکل‌دار<br /> |-<br /> | خطای اتصال به پایگاه‌داده || بررسی صحت اطلاعات دیتابیس در &lt;code style=&quot;direction:ltr;&quot;&gt;wp-config.php&lt;/code&gt;<br /> |-<br /> | کندی سایت || فعال‌سازی کش، بهینه‌سازی تصاویر، انتخاب هاست بهتر، حذف افزونه‌های غیرضروری<br /> |-<br /> | قفل شدن دسترسی ادمین || تغییر رمز عبور از طریق phpMyAdmin در جدول &lt;code style=&quot;direction:ltr;&quot;&gt;wp_users&lt;/code&gt;<br /> |}<br /> <br /> == نکات و بهترین شیوه‌ها ==<br /> <br /> * همیشه پیش از هرگونه تغییر مهم (آپدیت، تغییر قالب)، یک نسخهٔ پشتیبان کامل تهیه کنید.<br /> * از قالب فرزند (Child Theme) برای شخصی‌سازی استفاده کنید تا تغییرات با آپدیت قالب اصلی از بین نروند.<br /> * تعداد افزونه‌ها را به حداقل لازم محدود کنید تا سرعت و امنیت سایت حفظ شود.<br /> * افزونه‌ها و قالب‌ها را فقط از منابع معتبر (وردپرس رسمی یا فروشندگان شناخته‌شده) دریافت کنید.</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=Git&diff=17 2026-09-06T06:43:43Z

<p>Admin: </p> <hr /> <div>== Git چیست؟ ==<br /> <br /> '''Git''' یک سیستم کنترل نسخه (Version Control System) توزیع‌شده است که برای ردیابی تغییرات در فایل‌ها و هماهنگی کار بین چند نفر روی یک پروژه استفاده می‌شود. با Git می‌توان تاریخچهٔ کامل تغییرات یک پروژه را نگه داشت، به نسخه‌های قبلی بازگشت، و به‌صورت هم‌زمان با دیگران روی بخش‌های مختلف یک پروژه کار کرد.<br /> <br /> == مفاهیم پایه ==<br /> <br /> * '''Repository (مخزن)''': پوشه‌ای که Git تاریخچهٔ تغییرات آن را ردیابی می‌کند.<br /> * '''Working Directory''': فایل‌های واقعی روی سیستم که در حال ویرایش آن‌ها هستید.<br /> * '''Staging Area (Index)''': فضای واسط بین Working Directory و مخزن؛ فایل‌هایی که آماده‌ی ثبت (commit) هستند.<br /> * '''Commit''': یک نقطهٔ ذخیرهٔ دائمی در تاریخچهٔ پروژه، مثل عکس لحظه‌ای از وضعیت فایل‌ها.<br /> * '''Branch (شاخه)''': یک مسیر جداگانه برای توسعه، بدون تأثیر روی نسخهٔ اصلی.<br /> * '''HEAD''': اشاره‌گری به آخرین commit در شاخه‌ای که در حال حاضر روی آن هستید.<br /> * '''Merge''': ترکیب کردن تغییرات دو شاخه با هم.<br /> * '''Remote''': نسخه‌ای از مخزن که روی یک سرور (مثل GitHub، GitLab) قرار دارد.<br /> * '''Clone''': کپی کامل یک مخزن از راه دور روی سیستم شما.<br /> <br /> == نصب و تنظیمات اولیه ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | بررسی نصب بودن Git و نسخهٔ آن || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git --version&lt;/code&gt;<br /> |-<br /> | تنظیم نام کاربری (سراسری) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git config --global user.name &quot;نام شما&quot;&lt;/code&gt;<br /> |-<br /> | تنظیم ایمیل (سراسری) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git config --global user.email &quot;email@example.com&quot;&lt;/code&gt;<br /> |-<br /> | مشاهدهٔ تمام تنظیمات فعلی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git config --list&lt;/code&gt;<br /> |}<br /> <br /> == شروع کار ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | ساخت یک مخزن جدید در پوشهٔ فعلی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git init&lt;/code&gt;<br /> |-<br /> | کپی کردن یک مخزن از راه دور || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git clone [آدرس]&lt;/code&gt;<br /> |-<br /> | کپی کردن مخزن در یک پوشهٔ مشخص || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git clone [آدرس] [نام پوشه]&lt;/code&gt;<br /> |}<br /> <br /> == ثبت تغییرات ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | نمایش وضعیت فایل‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git status&lt;/code&gt;<br /> |-<br /> | اضافه کردن فایل به staging area || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git add [نام فایل]&lt;/code&gt;<br /> |-<br /> | اضافه کردن همهٔ فایل‌های تغییر یافته || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git add .&lt;/code&gt;<br /> |-<br /> | ثبت یک commit با توضیح || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git commit -m &quot;پیام&quot;&lt;/code&gt;<br /> |-<br /> | اضافه کردن و ثبت هم‌زمان (فایل‌های ردیابی‌شده) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git commit -am &quot;پیام&quot;&lt;/code&gt;<br /> |-<br /> | اصلاح آخرین commit || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git commit --amend&lt;/code&gt;<br /> |}<br /> <br /> == مشاهدهٔ تاریخچه و تغییرات ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | نمایش تاریخچهٔ commit‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git log&lt;/code&gt;<br /> |-<br /> | نمایش خلاصه و یک‌خطی تاریخچه || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git log --oneline&lt;/code&gt;<br /> |-<br /> | نمایش تفاوت فایل‌های تغییر یافته (قبل از add) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git diff&lt;/code&gt;<br /> |-<br /> | نمایش تفاوت فایل‌های staged || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git diff --staged&lt;/code&gt;<br /> |-<br /> | نمایش جزئیات یک commit خاص || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git show [commit-id]&lt;/code&gt;<br /> |}<br /> <br /> == کار با شاخه‌ها (Branch) ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | نمایش لیست شاخه‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git branch&lt;/code&gt;<br /> |-<br /> | ساخت شاخهٔ جدید || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git branch [نام]&lt;/code&gt;<br /> |-<br /> | رفتن به یک شاخه || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git checkout [نام]&lt;/code&gt;<br /> |-<br /> | رفتن به یک شاخه (روش جدیدتر) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git switch [نام]&lt;/code&gt;<br /> |-<br /> | ساخت و رفتن به شاخهٔ جدید هم‌زمان || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git checkout -b [نام]&lt;/code&gt;<br /> |-<br /> | ادغام یک شاخه با شاخهٔ فعلی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git merge [نام شاخه]&lt;/code&gt;<br /> |-<br /> | حذف یک شاخه || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git branch -d [نام]&lt;/code&gt;<br /> |-<br /> | حذف اجباری یک شاخهٔ ادغام‌نشده || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git branch -D [نام]&lt;/code&gt;<br /> |}<br /> <br /> == کار با ریموت (GitHub و مشابه) ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | اتصال به مخزن راه دور || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git remote add origin [آدرس]&lt;/code&gt;<br /> |-<br /> | نمایش لیست ریموت‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git remote -v&lt;/code&gt;<br /> |-<br /> | ارسال تغییرات به سرور || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git push origin [شاخه]&lt;/code&gt;<br /> |-<br /> | ارسال شاخهٔ جدید و تنظیم ردیابی آن || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git push -u origin [شاخه]&lt;/code&gt;<br /> |-<br /> | دریافت و ادغام تغییرات از سرور || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git pull origin [شاخه]&lt;/code&gt;<br /> |-<br /> | فقط دریافت تغییرات بدون ادغام || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git fetch origin&lt;/code&gt;<br /> |}<br /> <br /> == بازگشت و لغو تغییرات ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | لغو تغییرات یک فایل در Working Directory || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git checkout -- [فایل]&lt;/code&gt;<br /> |-<br /> | لغو تغییرات با دستور جدیدتر || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git restore [فایل]&lt;/code&gt;<br /> |-<br /> | خارج کردن فایل از staging area || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git reset [فایل]&lt;/code&gt;<br /> |-<br /> | بازگشت کامل به یک commit قبلی (خطرناک) || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git reset --hard [commit-id]&lt;/code&gt;<br /> |-<br /> | ساخت یک commit جدید که یک commit قبلی را خنثی می‌کند || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git revert [commit-id]&lt;/code&gt;<br /> |}<br /> <br /> == Stash (ذخیرهٔ موقت تغییرات) ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | ذخیرهٔ موقت تغییرات فعلی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git stash&lt;/code&gt;<br /> |-<br /> | نمایش لیست stash‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git stash list&lt;/code&gt;<br /> |-<br /> | بازگردانی آخرین stash || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git stash pop&lt;/code&gt;<br /> |-<br /> | حذف آخرین stash بدون بازگردانی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git stash drop&lt;/code&gt;<br /> |}<br /> <br /> == برچسب‌گذاری (Tag) ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | ساخت یک تگ ساده || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git tag [نام]&lt;/code&gt;<br /> |-<br /> | ساخت تگ با توضیح || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git tag -a [نام] -m &quot;پیام&quot;&lt;/code&gt;<br /> |-<br /> | نمایش لیست تگ‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git tag&lt;/code&gt;<br /> |-<br /> | ارسال تگ‌ها به سرور || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git push origin --tags&lt;/code&gt;<br /> |}<br /> <br /> == Rebase و Cherry-pick ==<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | اعمال دوبارهٔ commit‌های شاخهٔ فعلی روی شاخهٔ دیگر || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git rebase [نام شاخه]&lt;/code&gt;<br /> |-<br /> | rebase تعاملی برای ویرایش/ترکیب چند commit || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git rebase -i HEAD~[تعداد]&lt;/code&gt;<br /> |-<br /> | انتخاب و اعمال یک commit خاص از شاخهٔ دیگر || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git cherry-pick [commit-id]&lt;/code&gt;<br /> |}<br /> <br /> == حل تعارض (Merge Conflict) ==<br /> <br /> وقتی دو شاخه تغییرات متفاوتی روی یک بخش از یک فایل داشته باشند، هنگام merge یا rebase تعارض (conflict) رخ می‌دهد. Git خطوط متعارض را با نشانه‌های زیر در فایل مشخص می‌کند:<br /> <br /> &lt;pre style=&quot;direction:ltr; text-align:left;&quot;&gt;<br /> &lt;&lt;&lt;&lt;&lt;&lt;&lt; HEAD<br /> محتوای شاخهٔ فعلی<br /> =======<br /> محتوای شاخهٔ دیگر<br /> &gt;&gt;&gt;&gt;&gt;&gt;&gt; نام-شاخه<br /> &lt;/pre&gt;<br /> <br /> برای حل تعارض باید فایل را به‌صورت دستی ویرایش کرد، نشانه‌ها را حذف کرد و نسخهٔ نهایی را انتخاب نمود، سپس:<br /> <br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | اضافه کردن فایل حل‌شده به staging || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git add [فایل]&lt;/code&gt;<br /> |-<br /> | ادامهٔ فرآیند merge || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git commit&lt;/code&gt;<br /> |-<br /> | ادامهٔ فرآیند rebase بعد از حل تعارض || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git rebase --continue&lt;/code&gt;<br /> |-<br /> | لغو کامل عملیات merge || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git merge --abort&lt;/code&gt;<br /> |}<br /> <br /> == فایل .gitignore ==<br /> <br /> فایل &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;.gitignore&lt;/code&gt; برای مشخص کردن فایل‌ها و پوشه‌هایی است که نباید توسط Git ردیابی شوند (مثل فایل‌های موقت، پوشهٔ &lt;code style=&quot;direction:ltr;&quot;&gt;node_modules&lt;/code&gt;، یا فایل‌های تنظیمات حساس).<br /> <br /> &lt;pre style=&quot;direction:ltr; text-align:left;&quot;&gt;<br /> # نمونه محتوای .gitignore<br /> node_modules/<br /> .env<br /> *.log<br /> .DS_Store<br /> &lt;/pre&gt;<br /> <br /> == نکات و بهترین شیوه‌ها ==<br /> <br /> * پیام commit‌ها را کوتاه، واضح و توصیفی بنویسید.<br /> * هر commit باید یک تغییر منطقی و مستقل را نشان دهد، نه چند تغییر نامرتبط با هم.<br /> * قبل از push کردن، همیشه با &lt;code style=&quot;direction:ltr;&quot;&gt;git pull&lt;/code&gt; آخرین تغییرات را دریافت کنید.<br /> * از شاخه‌های جداگانه (feature branch) برای هر ویژگی یا رفع باگ استفاده کنید و شاخهٔ اصلی (main/master) را همیشه پایدار نگه دارید.<br /> * پیش از rebase یا reset --hard، مطمئن شوید که تغییرات مهم را از دست نمی‌دهید.</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=Git&diff=16 2026-09-06T06:38:54Z

<p>Admin: </p> <hr /> <div>== مفاهیم پایه ==<br /> <br /> * '''Commit''': یک نقطهٔ ذخیرهٔ دائمی در تاریخچهٔ پروژه، مثل عکس لحظه‌ای از وضعیت فایل‌ها.<br /> * '''Branch (شاخه)''': یک مسیر جداگانه برای توسعه، بدون تأثیر روی نسخهٔ اصلی.<br /> * '''Merge''': ترکیب کردن تغییرات دو شاخه با هم.<br /> * '''Remote''': نسخه‌ای از مخزن که روی یک سرور (مثل GitHub) قرار دارد.<br /> <br /> == دستورات پرکاربرد ==<br /> <br /> === شروع کار ===<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | ساخت یک مخزن جدید در پوشهٔ فعلی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git init&lt;/code&gt;<br /> |-<br /> | کپی کردن یک مخزن از راه دور || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git clone [آدرس]&lt;/code&gt;<br /> |}<br /> <br /> === ثبت تغییرات ===<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | نمایش وضعیت فایل‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git status&lt;/code&gt;<br /> |-<br /> | اضافه کردن فایل به staging area || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git add [نام فایل]&lt;/code&gt;<br /> |-<br /> | اضافه کردن همهٔ فایل‌های تغییر یافته || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git add .&lt;/code&gt;<br /> |-<br /> | ثبت یک commit با توضیح || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git commit -m &quot;پیام&quot;&lt;/code&gt;<br /> |}<br /> <br /> === کار با شاخه‌ها ===<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | نمایش لیست شاخه‌ها || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git branch&lt;/code&gt;<br /> |-<br /> | ساخت شاخهٔ جدید || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git branch [نام]&lt;/code&gt;<br /> |-<br /> | رفتن به یک شاخه || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git checkout [نام]&lt;/code&gt;<br /> |-<br /> | ساخت و رفتن به شاخهٔ جدید هم‌زمان || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git checkout -b [نام]&lt;/code&gt;<br /> |-<br /> | ادغام یک شاخه با شاخهٔ فعلی || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git merge [نام شاخه]&lt;/code&gt;<br /> |}<br /> <br /> === کار با ریموت (GitHub و مشابه) ===<br /> {| class=&quot;wikitable&quot; style=&quot;direction:rtl; width:100%;&quot;<br /> |-<br /> ! توضیح !! دستور<br /> |-<br /> | اتصال به مخزن راه دور || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git remote add origin [آدرس]&lt;/code&gt;<br /> |-<br /> | ارسال تغییرات به سرور || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git push origin [شاخه]&lt;/code&gt;<br /> |-<br /> | دریافت تغییرات از سرور || &lt;code style=&quot;direction:ltr; display:inline-block;&quot;&gt;git pull origin [شاخه]&lt;/code&gt;<br /> |}</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=Git&diff=15 2026-09-06T06:30:56Z

<p>Admin: صفحه‌ای تازه حاوی «= گیت (Git) = این صفحه یادداشت‌های مروری دربارهٔ کار با گیت است. هدف: یادگیری، مرور سریع و داشتن یک مرجع از دستورات و الگوهای پرکاربرد. == چرا گیت مهم است؟ == * سیستم نسخه‌ی توزیع‌شده * ذخیرهٔ تاریخچهٔ تغییرات * همکاری گروهی و بازگشت آسان به_states_ * ش...» ایجاد کرد</p> <hr /> <div>= گیت (Git) =<br /> <br /> این صفحه یادداشت‌های مروری دربارهٔ کار با گیت است.<br /> هدف: یادگیری، مرور سریع و داشتن یک مرجع از دستورات و الگوهای پرکاربرد.<br /> <br /> == چرا گیت مهم است؟ ==<br /> <br /> * سیستم نسخه‌ی توزیع‌شده<br /> * ذخیرهٔ تاریخچهٔ تغییرات<br /> * همکاری گروهی و بازگشت آسان به_states_<br /> * شاخه‌بندی و ترکیب تغییرات<br /> * پایهٔ بسیاری از جریان‌های توسعه نرم‌افزار<br /> <br /> == نصب و تنظیم اولیه ==<br /> <br /> === نصب ===<br /> جهت نصب از مسیر رسمی یا مدیریت بستهٔ سیستم‌عامل استفاده کنید.<br /> نسخهٔ نصب‌شده را این‌گونه چک کنید:<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git --version<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === تنظیمات اولیه کاربر ===<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git config --global user.name &quot;نام و نام خانوادگی&quot;<br /> git config --global user.email &quot;email@example.com&quot;<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === مشاهده تنظیمات ===<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git config --list<br /> &lt;/syntaxhighlight&gt;<br /> <br /> == مفاهیم پایه ==<br /> <br /> * مخزن Repository: محل نگهداری پروژه و تاریخچه<br /> * Commit: نقطه ذخیره در تاریخچه<br /> * Branch: خط توسعهٔ مستقل<br /> * Merge / Rebase: ترکیب تغییرات بین شاخه‌ها<br /> * Staging area: محل آماده‌سازی تغییرات قبل از Commit<br /> * Remote: مخزن دورتر مثل سرویس میزبانی<br /> <br /> == دستورات پرکاربرد ==<br /> <br /> === شروع پروژه ===<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git init<br /> git status<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === افزودن و ثبت تغییرات ===<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git add .<br /> git commit -m &quot;توضیح کوتاه از تغییرات&quot;<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === بررسی وضعیت و تاریخچه ===<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git status<br /> git log<br /> git log --oneline<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === کار با شاخه‌ها ===<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git branch<br /> git branch feature-x<br /> git switch feature-x<br /> git switch main<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === کار با مخزن دورتر ===<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git remote add origin &lt;آدرس&gt;<br /> git push -u origin main<br /> git pull<br /> git clone &lt;آدرس&gt;<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === مقایسه تغییرات ===<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git diff<br /> git diff --staged<br /> &lt;/syntaxhighlight&gt;<br /> <br /> == روند کاری ساده ==<br /> <br /> ۱. برای کار جدید یک شاخه جدید باز کنید.<br /> ۲. تغییرات را stage کنید.<br /> ۳. یک Commit با پیام مشخص بزنید.<br /> ۴. تغییرات را به مخزن دورتر بفرستید یا با تیم همگام شوید.<br /> ۵. در صورت نیاز، Merge یا Rebase را در شاخهٔ اصلی انجام دهید.<br /> <br /> == عادات خوب ==<br /> <br /> * پیام Commit واضح و کوتاه باشد.<br /> * Commit‌های بزرگ را به قطعات کوچک‌تر بشکنید.<br /> * قبل از Push، Status و Diff را چک کنید.<br /> * به‌جای کار مستقیم روی شاخه اصلی، از شاخه‌های کار específica استفاده کنید.<br /> <br /> == ادامه و ارتباط با صفحات دیگر ==<br /> <br /> * [[:WordPress|آشنایی با وردپرس]]<br /> * [[:CMD|خط فرمان و CMD]]<br /> * [[:Prompt-Engineering|پرامپت‌نویسی]]<br /> <br /> [[دسته‌بندی:یادگیری]]<br /> [[دسته‌بندی:گیت]]</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C&diff=14 2026-09-06T06:11:06Z

<p>Admin: </p> <hr /> <div>'''مدیاویکی با موفقیت نصب شد.'''<br /> <br /> برای اطلاعات بیشتر در مورد به‌کارگیری نرم‌افزار ویکی به [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents فهرست راهنمای کاربر] مراجعه کنید.<br /> <br /> == آغاز به کار ==<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings فهرست تنظیمات پیکربندی]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ پرسش‌های متداول مدیاویکی]<br /> * [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ فهرست ایمیلی نسخه‌های مدیاویکی]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources بومی‌سازی مدیاویکی برای زبان شما]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam چگونگی مقابله با اسپم در ویکی خودتان را یاد بگیرید]</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=%D8%A8%D8%AD%D8%AB_%D8%B1%D8%AF%D9%87:Git&diff=13 2026-09-06T06:03:18Z

<p>Admin: صفحه را خالی کرد</p> <hr /> <div></div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=%D8%A8%D8%AD%D8%AB_%D8%B1%D8%AF%D9%87:Git&diff=12 2026-09-06T05:57:42Z

<p>Admin: صفحه‌ای تازه حاوی «== Git == Category:Git Git یه سیستم &#039;&#039;&#039;کنترل نسخه (Version Control System)&#039;&#039;&#039; هست که بهت اجازه میده تاریخچه‌ی تغییرات فایل‌ها و کدهات رو ذخیره کنی، به نسخه‌های قبلی برگردی، و با چند نفر همزمان روی یه پروژه کار کنی بدون اینکه کارها رو خراب کنید. === مفاهیم پایه | Basic Co...» ایجاد کرد</p> <hr /> <div>== Git ==<br /> [[Category:Git]]<br /> <br /> Git یه سیستم '''کنترل نسخه (Version Control System)''' هست که بهت اجازه میده تاریخچه‌ی تغییرات فایل‌ها و کدهات رو ذخیره کنی، به نسخه‌های قبلی برگردی، و با چند نفر همزمان روی یه پروژه کار کنی بدون اینکه کارها رو خراب کنید.<br /> <br /> === مفاهیم پایه | Basic Concepts ===<br /> <br /> * '''Repository (Repo)''': پوشه‌ای که Git توش تاریخچه‌ی تغییرات رو ذخیره می‌کنه.<br /> * '''Commit''': یه &quot;عکس لحظه‌ای&quot; (snapshot) از وضعیت فایل‌ها در یه لحظه خاص، همراه با یه پیام توضیحی.<br /> * '''Branch''': یه مسیر جدا برای توسعه، که بهت اجازه میده بدون تأثیر روی نسخه‌ی اصلی، تغییرات بدی.<br /> * '''Merge''': ترکیب کردن تغییرات دو Branch با هم.<br /> * '''Remote''': نسخه‌ای از Repo که روی یه سرور دیگه (مثل GitHub) قرار داره.<br /> * '''Working Directory''': فایل‌های واقعی روی سیستم تو.<br /> * '''Staging Area (Index)''': جایی که تغییرات رو قبل از Commit کردن آماده می‌کنی.<br /> <br /> === راه‌اندازی اولیه | Initial Setup ===<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git config --global user.name &quot;نام شما&quot;<br /> git config --global user.email &quot;you@example.com&quot;<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === شروع یه پروژه | Starting a Project ===<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git init # ساخت یه Repo جدید در پوشه فعلی<br /> git clone &lt;url&gt; # کپی کردن یه Repo از یه آدرس ریموت<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === چرخه‌ی اصلی کار | Basic Workflow ===<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git status # دیدن وضعیت فعلی فایل‌ها<br /> git add &lt;file&gt; # اضافه کردن فایل به Staging Area<br /> git add . # اضافه کردن همه فایل‌های تغییر یافته<br /> git commit -m &quot;پیام توضیحی&quot; # ثبت تغییرات<br /> git log # دیدن تاریخچه Commit ها<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === کار با Branch ===<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git branch # لیست Branch ها<br /> git branch new-feature # ساخت Branch جدید<br /> git checkout new-feature # رفتن به یه Branch<br /> git checkout -b new-feature # ساخت و رفتن همزمان<br /> git switch new-feature # روش جدیدتر برای جابجایی بین Branch ها<br /> git merge new-feature # ادغام یه Branch با Branch فعلی<br /> git branch -d new-feature # حذف یه Branch<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === کار با Remote (مثل GitHub) ===<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git remote add origin &lt;url&gt; # اضافه کردن یه ریموت<br /> git push origin main # ارسال تغییرات به ریموت<br /> git pull origin main # دریافت و ادغام تغییرات از ریموت<br /> git fetch # فقط دریافت تغییرات بدون ادغام<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === برگشت به عقب و اصلاح اشتباهات ===<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git checkout -- &lt;file&gt; # لغو تغییرات یه فایل (قبل از add)<br /> git reset &lt;file&gt; # خارج کردن فایل از Staging Area<br /> git reset --hard HEAD~1 # حذف کامل آخرین Commit (با احتیاط!)<br /> git revert &lt;commit-hash&gt; # ساخت یه Commit جدید که تغییرات یه Commit قبلی رو خنثی می‌کنه<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === فایل .gitignore ===<br /> <br /> فایلی که بهش می‌گی Git کدوم فایل‌ها/پوشه‌ها رو نادیده بگیره (مثل node_modules، فایل‌های موقت، تنظیمات شخصی).<br /> <br /> &lt;syntaxhighlight lang=&quot;text&quot;&gt;<br /> node_modules/<br /> .env<br /> *.log<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === اصطلاحات پرکاربرد دیگر ===<br /> <br /> * '''HEAD''': اشاره‌گر به Commit یا Branch فعلی.<br /> * '''Stash''': ذخیره‌ی موقت تغییرات ناتموم بدون Commit کردن (&lt;code&gt;git stash&lt;/code&gt; و &lt;code&gt;git stash pop&lt;/code&gt;).<br /> * '''Conflict''': وقتی دو Branch تغییرات متناقض دارن و Git نمی‌تونه خودکار Merge کنه.<br /> * '''Fork''': کپی کردن یه Repo کامل به اکانت خودت روی GitHub (نه دستور Git، بلکه یه قابلیت پلتفرم).<br /> * '''Pull Request (PR)''': درخواست برای ادغام تغییرات یه Fork/Branch به پروژه اصلی، معمولاً روی GitHub.<br /> <br /> === منابع بیشتر | Further Reading ===<br /> <br /> * [https://git-scm.com/doc مستندات رسمی Git]<br /> * [https://learngitbranching.js.org/ آموزش تعاملی Git Branching]</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=%D8%B1%D8%AF%D9%87:Git&diff=11 2026-09-06T05:57:03Z

<p>Admin: صفحه‌ای تازه حاوی «== Git == Category:Git Git یه سیستم &#039;&#039;&#039;کنترل نسخه (Version Control System)&#039;&#039;&#039; هست که بهت اجازه میده تاریخچه‌ی تغییرات فایل‌ها و کدهات رو ذخیره کنی، به نسخه‌های قبلی برگردی، و با چند نفر همزمان روی یه پروژه کار کنی بدون اینکه کارها رو خراب کنید. === مفاهیم پایه | Basic Co...» ایجاد کرد</p> <hr /> <div>== Git ==<br /> [[Category:Git]]<br /> <br /> Git یه سیستم '''کنترل نسخه (Version Control System)''' هست که بهت اجازه میده تاریخچه‌ی تغییرات فایل‌ها و کدهات رو ذخیره کنی، به نسخه‌های قبلی برگردی، و با چند نفر همزمان روی یه پروژه کار کنی بدون اینکه کارها رو خراب کنید.<br /> <br /> === مفاهیم پایه | Basic Concepts ===<br /> <br /> * '''Repository (Repo)''': پوشه‌ای که Git توش تاریخچه‌ی تغییرات رو ذخیره می‌کنه.<br /> * '''Commit''': یه &quot;عکس لحظه‌ای&quot; (snapshot) از وضعیت فایل‌ها در یه لحظه خاص، همراه با یه پیام توضیحی.<br /> * '''Branch''': یه مسیر جدا برای توسعه، که بهت اجازه میده بدون تأثیر روی نسخه‌ی اصلی، تغییرات بدی.<br /> * '''Merge''': ترکیب کردن تغییرات دو Branch با هم.<br /> * '''Remote''': نسخه‌ای از Repo که روی یه سرور دیگه (مثل GitHub) قرار داره.<br /> * '''Working Directory''': فایل‌های واقعی روی سیستم تو.<br /> * '''Staging Area (Index)''': جایی که تغییرات رو قبل از Commit کردن آماده می‌کنی.<br /> <br /> === راه‌اندازی اولیه | Initial Setup ===<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git config --global user.name &quot;نام شما&quot;<br /> git config --global user.email &quot;you@example.com&quot;<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === شروع یه پروژه | Starting a Project ===<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git init # ساخت یه Repo جدید در پوشه فعلی<br /> git clone &lt;url&gt; # کپی کردن یه Repo از یه آدرس ریموت<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === چرخه‌ی اصلی کار | Basic Workflow ===<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git status # دیدن وضعیت فعلی فایل‌ها<br /> git add &lt;file&gt; # اضافه کردن فایل به Staging Area<br /> git add . # اضافه کردن همه فایل‌های تغییر یافته<br /> git commit -m &quot;پیام توضیحی&quot; # ثبت تغییرات<br /> git log # دیدن تاریخچه Commit ها<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === کار با Branch ===<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git branch # لیست Branch ها<br /> git branch new-feature # ساخت Branch جدید<br /> git checkout new-feature # رفتن به یه Branch<br /> git checkout -b new-feature # ساخت و رفتن همزمان<br /> git switch new-feature # روش جدیدتر برای جابجایی بین Branch ها<br /> git merge new-feature # ادغام یه Branch با Branch فعلی<br /> git branch -d new-feature # حذف یه Branch<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === کار با Remote (مثل GitHub) ===<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git remote add origin &lt;url&gt; # اضافه کردن یه ریموت<br /> git push origin main # ارسال تغییرات به ریموت<br /> git pull origin main # دریافت و ادغام تغییرات از ریموت<br /> git fetch # فقط دریافت تغییرات بدون ادغام<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === برگشت به عقب و اصلاح اشتباهات ===<br /> <br /> &lt;syntaxhighlight lang=&quot;bash&quot;&gt;<br /> git checkout -- &lt;file&gt; # لغو تغییرات یه فایل (قبل از add)<br /> git reset &lt;file&gt; # خارج کردن فایل از Staging Area<br /> git reset --hard HEAD~1 # حذف کامل آخرین Commit (با احتیاط!)<br /> git revert &lt;commit-hash&gt; # ساخت یه Commit جدید که تغییرات یه Commit قبلی رو خنثی می‌کنه<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === فایل .gitignore ===<br /> <br /> فایلی که بهش می‌گی Git کدوم فایل‌ها/پوشه‌ها رو نادیده بگیره (مثل node_modules، فایل‌های موقت، تنظیمات شخصی).<br /> <br /> &lt;syntaxhighlight lang=&quot;text&quot;&gt;<br /> node_modules/<br /> .env<br /> *.log<br /> &lt;/syntaxhighlight&gt;<br /> <br /> === اصطلاحات پرکاربرد دیگر ===<br /> <br /> * '''HEAD''': اشاره‌گر به Commit یا Branch فعلی.<br /> * '''Stash''': ذخیره‌ی موقت تغییرات ناتموم بدون Commit کردن (&lt;code&gt;git stash&lt;/code&gt; و &lt;code&gt;git stash pop&lt;/code&gt;).<br /> * '''Conflict''': وقتی دو Branch تغییرات متناقض دارن و Git نمی‌تونه خودکار Merge کنه.<br /> * '''Fork''': کپی کردن یه Repo کامل به اکانت خودت روی GitHub (نه دستور Git، بلکه یه قابلیت پلتفرم).<br /> * '''Pull Request (PR)''': درخواست برای ادغام تغییرات یه Fork/Branch به پروژه اصلی، معمولاً روی GitHub.<br /> <br /> === منابع بیشتر | Further Reading ===<br /> <br /> * [https://git-scm.com/doc مستندات رسمی Git]<br /> * [https://learngitbranching.js.org/ آموزش تعاملی Git Branching]</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=%D8%B5%D9%81%D8%AD%D9%87_%D8%A7%D8%B5%D9%84%DB%8C&diff=10 2026-09-06T05:54:34Z

<p>Admin: /* ویکی شکیبا | Shakiba Wiki */</p> <hr /> <div>'''مدیاویکی با موفقیت نصب شد.'''<br /> <br /> برای اطلاعات بیشتر در مورد به‌کارگیری نرم‌افزار ویکی به [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents فهرست راهنمای کاربر] مراجعه کنید.<br /> <br /> == آغاز به کار ==<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings فهرست تنظیمات پیکربندی]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ پرسش‌های متداول مدیاویکی]<br /> * [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ فهرست ایمیلی نسخه‌های مدیاویکی]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources بومی‌سازی مدیاویکی برای زبان شما]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam چگونگی مقابله با اسپم در ویکی خودتان را یاد بگیرید]<br /> <br /> === دسته‌بندی‌ها | Categories ===<br /> <br /> * [[:Category:Git|Git]]<br /> * [[:Category:WordPress|طراحی سایت با وردپرس | WordPress Design]]<br /> * [[:Category:CMD|خط فرمان | CMD]]<br /> * [[:Category:Prompt Engineering|پرامپت‌نویسی | Prompt Engineering]]</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=%D8%B5%D9%81%D8%AD%D9%87_%D8%A7%D8%B5%D9%84%DB%8C&diff=9 2026-09-06T05:53:59Z

<p>Admin: /* ویکی شکیبا | Shakiba Wiki */</p> <hr /> <div>'''مدیاویکی با موفقیت نصب شد.'''<br /> <br /> برای اطلاعات بیشتر در مورد به‌کارگیری نرم‌افزار ویکی به [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents فهرست راهنمای کاربر] مراجعه کنید.<br /> <br /> == آغاز به کار ==<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings فهرست تنظیمات پیکربندی]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ پرسش‌های متداول مدیاویکی]<br /> * [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ فهرست ایمیلی نسخه‌های مدیاویکی]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources بومی‌سازی مدیاویکی برای زبان شما]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam چگونگی مقابله با اسپم در ویکی خودتان را یاد بگیرید]<br /> <br /> == ویکی شکیبا | Shakiba Wiki ==<br /> <br /> به ویکی شخصی من خوش اومدی. <br /> <br /> <br /> <br /> === دسته‌بندی‌ها | Categories ===<br /> <br /> * [[:Category:Git|Git]]<br /> * [[:Category:WordPress|طراحی سایت با وردپرس | WordPress Design]]<br /> * [[:Category:CMD|خط فرمان | CMD]]<br /> * [[:Category:Prompt Engineering|پرامپت‌نویسی | Prompt Engineering]]</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=%D8%B5%D9%81%D8%AD%D9%87_%D8%A7%D8%B5%D9%84%DB%8C&diff=8 2026-09-06T05:52:02Z

<p>Admin: /* آغاز به کار */</p> <hr /> <div>'''مدیاویکی با موفقیت نصب شد.'''<br /> <br /> برای اطلاعات بیشتر در مورد به‌کارگیری نرم‌افزار ویکی به [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents فهرست راهنمای کاربر] مراجعه کنید.<br /> <br /> == آغاز به کار ==<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings فهرست تنظیمات پیکربندی]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ پرسش‌های متداول مدیاویکی]<br /> * [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ فهرست ایمیلی نسخه‌های مدیاویکی]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources بومی‌سازی مدیاویکی برای زبان شما]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam چگونگی مقابله با اسپم در ویکی خودتان را یاد بگیرید]<br /> <br /> == ویکی شکیبا | Shakiba Wiki ==<br /> <br /> به ویکی شخصی من خوش اومدی. اینجا هرچی درباره‌ی گیت، طراحی سایت با وردپرس، خط فرمان (CMD) و پرامپت‌نویسی یاد می‌گیرم رو یادداشت می‌کنم.<br /> <br /> Welcome to my personal wiki. This is where I document everything I learn about Git, WordPress site design, the command line (CMD), and prompt engineering.<br /> <br /> === دسته‌بندی‌ها | Categories ===<br /> <br /> * [[:Category:Git|Git]]<br /> * [[:Category:WordPress|طراحی سایت با وردپرس | WordPress Design]]<br /> * [[:Category:CMD|خط فرمان | CMD]]<br /> * [[:Category:Prompt Engineering|پرامپت‌نویسی | Prompt Engineering]]</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=%D8%B5%D9%81%D8%AD%D9%87_%D8%A7%D8%B5%D9%84%DB%8C&diff=7 2026-09-06T05:25:30Z

<p>Admin: </p> <hr /> <div>'''مدیاویکی با موفقیت نصب شد.'''<br /> <br /> برای اطلاعات بیشتر در مورد به‌کارگیری نرم‌افزار ویکی به [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents فهرست راهنمای کاربر] مراجعه کنید.<br /> <br /> == آغاز به کار ==<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings فهرست تنظیمات پیکربندی]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ پرسش‌های متداول مدیاویکی]<br /> * [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ فهرست ایمیلی نسخه‌های مدیاویکی]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources بومی‌سازی مدیاویکی برای زبان شما]<br /> * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam چگونگی مقابله با اسپم در ویکی خودتان را یاد بگیرید]</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=%D8%A8%D8%AD%D8%AB:%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C&diff=6 2026-09-06T05:07:01Z

<p>Admin: صفحه‌ای تازه حاوی «گیت نرم افزاری که کمک می کند source code را مدیریت کنیم.» ایجاد کرد</p> <hr /> <div>گیت<br /> نرم افزاری که کمک می کند source code را مدیریت کنیم.</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=%D8%B5%D9%81%D8%AD%D9%87_%D8%A7%D8%B5%D9%84%DB%8C&diff=5 2026-09-05T09:33:57Z

<p>Admin: صفحه را خالی کرد</p> <hr /> <div></div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=%D8%B5%D9%81%D8%AD%D9%87_%D8%A7%D8%B5%D9%84%DB%8C&diff=4 2026-09-05T09:31:07Z

<p>Admin: صفحه‌ای تازه حاوی «&lt;!DOCTYPE html&gt; &lt;html lang=&quot;fa&quot; dir=&quot;rtl&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot;&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt; &lt;title&gt;ویکی شخصی من&lt;/title&gt; &lt;style&gt; @import url(&#039;https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&amp;display=swap&#039;); * { margin: 0; padding: 0; box-sizing: border-box; } :root { --bg: #f8f9fa; --surface: #ffffff; --sideba...» ایجاد کرد</p> <hr /> <div>&lt;!DOCTYPE html&gt;<br /> &lt;html lang=&quot;fa&quot; dir=&quot;rtl&quot;&gt;<br /> &lt;head&gt;<br /> &lt;meta charset=&quot;UTF-8&quot;&gt;<br /> &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;<br /> &lt;title&gt;ویکی شخصی من&lt;/title&gt;<br /> &lt;style&gt;<br /> @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&amp;display=swap');<br /> <br /> * { margin: 0; padding: 0; box-sizing: border-box; }<br /> <br /> :root {<br /> --bg: #f8f9fa;<br /> --surface: #ffffff;<br /> --sidebar-bg: #f0f2f5;<br /> --border: #a2a9b1;<br /> --border-light: #c8ccd1;<br /> --text: #202122;<br /> --text-muted: #54595d;<br /> --text-light: #72777d;<br /> --accent: #3366cc;<br /> --accent-hover: #2a4b8d;<br /> --accent-visited: #795cb2;<br /> --link: #0645ad;<br /> --link-hover: #0b0080;<br /> --link-visited: #0b0080;<br /> --tab-bg: #eaecf0;<br /> --tab-active: #ffffff;<br /> --toc-bg: #f8f9fa;<br /> --toc-border: #a2a9b1;<br /> --danger: #b32424;<br /> --success: #14866d;<br /> --warning: #e07d10;<br /> --tag-green: #14866d;<br /> --tag-blue: #3366cc;<br /> --tag-orange: #b7570a;<br /> --tag-purple: #795cb2;<br /> --shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> body {<br /> font-family: 'Vazirmatn', sans-serif;<br /> background: var(--bg);<br /> color: var(--text);<br /> font-size: 14px;<br /> line-height: 1.7;<br /> }<br /> <br /> a { color: var(--link); text-decoration: none; }<br /> a:hover { text-decoration: underline; color: var(--link-hover); }<br /> <br /> /* === Personal Bar (top) === */<br /> .personal-bar {<br /> background: var(--surface);<br /> border-bottom: 1px solid var(--border-light);<br /> padding: 0.25rem 1rem;<br /> font-size: 0.82rem;<br /> display: flex;<br /> justify-content: flex-start;<br /> align-items: center;<br /> gap: 1rem;<br /> color: var(--text-muted);<br /> }<br /> <br /> .personal-bar a { color: var(--link); font-size: 0.82rem; }<br /> <br /> /* === Main Header === */<br /> .wiki-header {<br /> background: var(--surface);<br /> padding: 0.8rem 1.5rem;<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> border-bottom: 3px solid var(--accent);<br /> }<br /> <br /> .wiki-logo {<br /> display: flex;<br /> align-items: center;<br /> gap: 0.75rem;<br /> }<br /> <br /> .wiki-logo-icon {<br /> width: 50px;<br /> height: 50px;<br /> background: var(--accent);<br /> border-radius: 50%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> color: white;<br /> font-size: 1.6rem;<br /> font-weight: 700;<br /> }<br /> <br /> .wiki-logo h1 {<br /> font-size: 1.5rem;<br /> font-weight: 400;<br /> color: var(--text);<br /> }<br /> <br /> .wiki-logo h1 span {<br /> font-weight: 700;<br /> }<br /> <br /> .header-search {<br /> display: flex;<br /> align-items: center;<br /> gap: 0.4rem;<br /> }<br /> <br /> .header-search input {<br /> padding: 0.45rem 0.8rem;<br /> border: 1px solid var(--border);<br /> border-radius: 2px;<br /> font-family: inherit;<br /> font-size: 0.9rem;<br /> width: 300px;<br /> direction: rtl;<br /> }<br /> <br /> .header-search input:focus {<br /> outline: none;<br /> border-color: var(--accent);<br /> box-shadow: 0 0 0 2px rgba(51,102,204,0.15);<br /> }<br /> <br /> .header-search button {<br /> padding: 0.45rem 0.8rem;<br /> background: var(--accent);<br /> color: white;<br /> border: 1px solid var(--accent);<br /> font-family: inherit;<br /> font-size: 0.85rem;<br /> cursor: pointer;<br /> border-radius: 2px;<br /> }<br /> <br /> .header-search button:hover { background: var(--accent-hover); }<br /> <br /> /* === Body Layout === */<br /> .wiki-body {<br /> display: flex;<br /> max-width: 1400px;<br /> margin: 0 auto;<br /> min-height: calc(100vh - 120px);<br /> }<br /> <br /> /* === Sidebar === */<br /> .wiki-sidebar {<br /> width: 220px;<br /> min-width: 220px;<br /> background: var(--surface);<br /> border-left: 1px solid var(--border-light);<br /> padding: 1rem 0;<br /> font-size: 0.88rem;<br /> }<br /> <br /> .sidebar-section {<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> .sidebar-section h4 {<br /> padding: 0.4rem 1rem;<br /> font-size: 0.78rem;<br /> font-weight: 700;<br /> color: var(--text-muted);<br /> text-transform: uppercase;<br /> letter-spacing: 0.05em;<br /> background: var(--tab-bg);<br /> border-top: 1px solid var(--border-light);<br /> border-bottom: 1px solid var(--border-light);<br /> }<br /> <br /> .sidebar-section ul {<br /> list-style: none;<br /> padding: 0.3rem 0;<br /> }<br /> <br /> .sidebar-section li a {<br /> display: block;<br /> padding: 0.3rem 1rem;<br /> color: var(--accent);<br /> transition: background 0.15s;<br /> }<br /> <br /> .sidebar-section li a:hover {<br /> background: var(--tab-bg);<br /> text-decoration: none;<br /> }<br /> <br /> .sidebar-section li a.active-page {<br /> background: var(--accent);<br /> color: white;<br /> font-weight: 500;<br /> }<br /> <br /> .sidebar-search {<br /> padding: 0.5rem 1rem;<br /> }<br /> <br /> .sidebar-search input {<br /> width: 100%;<br /> padding: 0.35rem 0.6rem;<br /> border: 1px solid var(--border);<br /> font-family: inherit;<br /> font-size: 0.85rem;<br /> direction: rtl;<br /> }<br /> <br /> .sidebar-search input:focus {<br /> outline: none;<br /> border-color: var(--accent);<br /> }<br /> <br /> .sidebar-search button {<br /> width: 100%;<br /> margin-top: 0.3rem;<br /> padding: 0.3rem;<br /> background: var(--tab-bg);<br /> border: 1px solid var(--border);<br /> font-family: inherit;<br /> font-size: 0.82rem;<br /> cursor: pointer;<br /> color: var(--text-muted);<br /> }<br /> <br /> .sidebar-search button:hover { background: var(--border-light); }<br /> <br /> /* === Content Area === */<br /> .wiki-content {<br /> flex: 1;<br /> min-width: 0;<br /> }<br /> <br /> /* Tabs */<br /> .content-tabs {<br /> display: flex;<br /> background: var(--tab-bg);<br /> border-bottom: 1px solid var(--border-light);<br /> padding: 0 1rem;<br /> gap: 0;<br /> }<br /> <br /> .content-tab {<br /> padding: 0.5rem 1rem;<br /> font-size: 0.88rem;<br /> color: var(--text-muted);<br /> cursor: pointer;<br /> border: 1px solid transparent;<br /> border-bottom: none;<br /> background: none;<br /> font-family: inherit;<br /> border-radius: 2px 2px 0 0;<br /> position: relative;<br /> top: 1px;<br /> transition: background 0.15s;<br /> }<br /> <br /> .content-tab:hover {<br /> background: var(--surface);<br /> color: var(--text);<br /> }<br /> <br /> .content-tab.active {<br /> background: var(--surface);<br /> color: var(--text);<br /> border-color: var(--border-light);<br /> border-bottom-color: var(--surface);<br /> font-weight: 500;<br /> }<br /> <br /> /* Article Content */<br /> .article-body {<br /> background: var(--surface);<br /> border: 1px solid var(--border-light);<br /> border-top: none;<br /> padding: 1.5rem 2rem;<br /> min-height: 400px;<br /> }<br /> <br /> .article-body h1.article-title {<br /> font-size: 1.8rem;<br /> font-weight: 400;<br /> border-bottom: 1px solid var(--border-light);<br /> padding-bottom: 0.3rem;<br /> margin-bottom: 1rem;<br /> line-height: 1.4;<br /> }<br /> <br /> .article-intro {<br /> margin-bottom: 1.5rem;<br /> }<br /> <br /> /* Table of Contents */<br /> .toc {<br /> background: var(--toc-bg);<br /> border: 1px solid var(--toc-border);<br /> padding: 0.8rem 1rem;<br /> display: inline-block;<br /> margin: 0 0 1.5rem;<br /> min-width: 200px;<br /> font-size: 0.9rem;<br /> }<br /> <br /> .toc-title {<br /> font-weight: 700;<br /> text-align: center;<br /> margin-bottom: 0.3rem;<br /> }<br /> <br /> .toc-toggle {<br /> font-size: 0.82rem;<br /> color: var(--link);<br /> cursor: pointer;<br /> margin-right: 0.3rem;<br /> }<br /> <br /> .toc ol {<br /> margin: 0;<br /> padding-right: 1.2rem;<br /> list-style-type: decimal;<br /> }<br /> <br /> .toc ol ol {<br /> list-style-type: decimal;<br /> }<br /> <br /> .toc li {<br /> margin: 0.2rem 0;<br /> }<br /> <br /> .toc li a {<br /> color: var(--link);<br /> }<br /> <br /> /* Section Headings */<br /> .wiki-heading {<br /> display: flex;<br /> align-items: baseline;<br /> border-bottom: 1px solid var(--border-light);<br /> margin: 1.5rem 0 0.8rem;<br /> padding-bottom: 0.2rem;<br /> }<br /> <br /> .wiki-heading h2 {<br /> font-size: 1.4rem;<br /> font-weight: 400;<br /> flex: 1;<br /> }<br /> <br /> .wiki-heading .edit-section {<br /> font-size: 0.82rem;<br /> color: var(--text-light);<br /> }<br /> <br /> .wiki-heading h3 {<br /> font-size: 1.15rem;<br /> font-weight: 700;<br /> flex: 1;<br /> }<br /> <br /> .wiki-heading h3::after {<br /> content: '';<br /> display: none;<br /> }<br /> <br /> .article-body p {<br /> margin-bottom: 0.8rem;<br /> }<br /> <br /> .article-body ul, .article-body ol {<br /> margin: 0.5rem 0 0.8rem 2rem;<br /> }<br /> <br /> .article-body li {<br /> margin-bottom: 0.3rem;<br /> }<br /> <br /> /* Category Box */<br /> .catlinks {<br /> background: var(--toc-bg);<br /> border: 1px solid var(--border-light);<br /> padding: 0.5rem 1rem;<br /> margin-top: 2rem;<br /> font-size: 0.85rem;<br /> display: flex;<br /> gap: 0.5rem;<br /> flex-wrap: wrap;<br /> align-items: center;<br /> }<br /> <br /> .catlinks strong { margin-left: 0.3rem; }<br /> <br /> .catlinks a {<br /> background: var(--tab-bg);<br /> padding: 0.15rem 0.5rem;<br /> border-radius: 2px;<br /> font-size: 0.82rem;<br /> }<br /> <br /> /* Page Footer */<br /> .page-footer {<br /> background: var(--surface);<br /> border-top: 1px solid var(--border-light);<br /> padding: 1rem 2rem;<br /> font-size: 0.82rem;<br /> color: var(--text-light);<br /> text-align: center;<br /> }<br /> <br /> /* === Wiki Text Formatting === */<br /> .wiki-bold { font-weight: 700; }<br /> .wiki-italic { font-style: italic; }<br /> <br /> code {<br /> background: var(--toc-bg);<br /> padding: 0.1rem 0.35rem;<br /> border: 1px solid var(--border-light);<br /> font-size: 0.92em;<br /> border-radius: 2px;<br /> font-family: monospace;<br /> }<br /> <br /> pre {<br /> background: var(--toc-bg);<br /> border: 1px solid var(--border-light);<br /> padding: 0.8rem 1rem;<br /> overflow-x: auto;<br /> font-size: 0.9rem;<br /> margin: 0.8rem 0;<br /> border-radius: 2px;<br /> }<br /> <br /> pre code {<br /> background: none;<br /> border: none;<br /> padding: 0;<br /> }<br /> <br /> blockquote {<br /> border-right: 3px solid var(--accent);<br /> padding-right: 1rem;<br /> margin: 0.8rem 0;<br /> color: var(--text-muted);<br /> background: var(--toc-bg);<br /> padding: 0.5rem 1rem;<br /> }<br /> <br /> /* Info Box */<br /> .infobox {<br /> float: left;<br /> clear: right;<br /> margin: 0 0 1rem 1.5rem;<br /> border: 1px solid var(--border-light);<br /> border-collapse: collapse;<br /> background: var(--surface);<br /> font-size: 0.88rem;<br /> width: 280px;<br /> }<br /> <br /> .infobox-header {<br /> background: var(--accent);<br /> color: white;<br /> padding: 0.5rem 0.8rem;<br /> text-align: center;<br /> font-weight: 700;<br /> font-size: 1rem;<br /> }<br /> <br /> .infobox td, .infobox th {<br /> padding: 0.3rem 0.6rem;<br /> border: 1px solid var(--border-light);<br /> vertical-align: top;<br /> }<br /> <br /> .infobox th {<br /> background: var(--toc-bg);<br /> text-align: right;<br /> font-weight: 500;<br /> width: 35%;<br /> }<br /> <br /> /* Alert Boxes */<br /> .ambox {<br /> border: 1px solid var(--border-light);<br /> background: var(--toc-bg);<br /> padding: 0.6rem 1rem;<br /> margin: 0.8rem 0;<br /> font-size: 0.88rem;<br /> display: flex;<br /> align-items: center;<br /> gap: 0.6rem;<br /> }<br /> <br /> .ambox-icon { font-size: 1.3rem; }<br /> <br /> /* Editor (Modal) */<br /> .modal-overlay {<br /> display: none;<br /> position: fixed;<br /> inset: 0;<br /> background: rgba(0,0,0,0.5);<br /> z-index: 200;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 1rem;<br /> }<br /> <br /> .modal-overlay.show { display: flex; }<br /> <br /> .modal {<br /> background: var(--surface);<br /> border: 1px solid var(--border);<br /> width: 100%;<br /> max-width: 800px;<br /> max-height: 90vh;<br /> overflow-y: auto;<br /> border-radius: 2px;<br /> }<br /> <br /> .modal-header {<br /> background: var(--tab-bg);<br /> padding: 0.6rem 1rem;<br /> border-bottom: 1px solid var(--border-light);<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> }<br /> <br /> .modal-header h3 { font-size: 1rem; font-weight: 500; }<br /> <br /> .modal-body { padding: 1.2rem; }<br /> <br /> .form-group { margin-bottom: 1rem; }<br /> <br /> .form-group label {<br /> display: block;<br /> font-size: 0.85rem;<br /> font-weight: 500;<br /> margin-bottom: 0.3rem;<br /> color: var(--text-muted);<br /> }<br /> <br /> .form-group input,<br /> .form-group textarea,<br /> .form-group select {<br /> width: 100%;<br /> padding: 0.5rem 0.7rem;<br /> border: 1px solid var(--border);<br /> font-family: inherit;<br /> font-size: 0.95rem;<br /> direction: rtl;<br /> border-radius: 2px;<br /> }<br /> <br /> .form-group textarea {<br /> min-height: 300px;<br /> resize: vertical;<br /> font-family: monospace;<br /> font-size: 0.9rem;<br /> line-height: 1.8;<br /> direction: ltr;<br /> text-align: left;<br /> }<br /> <br /> .form-group input:focus,<br /> .form-group textarea:focus,<br /> .form-group select:focus {<br /> outline: none;<br /> border-color: var(--accent);<br /> }<br /> <br /> .modal-actions {<br /> display: flex;<br /> gap: 0.5rem;<br /> padding: 0.6rem 1rem;<br /> background: var(--tab-bg);<br /> border-top: 1px solid var(--border-light);<br /> }<br /> <br /> .modal-actions button {<br /> padding: 0.4rem 1rem;<br /> font-family: inherit;<br /> font-size: 0.85rem;<br /> cursor: pointer;<br /> border-radius: 2px;<br /> }<br /> <br /> .btn-save {<br /> background: var(--accent);<br /> color: white;<br /> border: 1px solid var(--accent);<br /> }<br /> <br /> .btn-save:hover { background: var(--accent-hover); }<br /> <br /> .btn-cancel {<br /> background: var(--tab-bg);<br /> color: var(--text);<br /> border: 1px solid var(--border);<br /> }<br /> <br /> .btn-cancel:hover { background: var(--border-light); }<br /> <br /> .btn-delete {<br /> background: var(--danger);<br /> color: white;<br /> border: 1px solid var(--danger);<br /> margin-right: auto;<br /> }<br /> <br /> .btn-delete:hover { background: #9b1b1b; }<br /> <br /> /* Footer nav */<br /> .footer-nav {<br /> background: var(--surface);<br /> border-top: 1px solid var(--border-light);<br /> padding: 0.5rem 1rem;<br /> display: flex;<br /> justify-content: center;<br /> gap: 1.5rem;<br /> font-size: 0.82rem;<br /> color: var(--text-light);<br /> }<br /> <br /> .footer-nav a { color: var(--link); }<br /> <br /> /* Special pages list */<br /> .special-list {<br /> list-style: none;<br /> padding: 0;<br /> }<br /> <br /> .special-list li {<br /> padding: 0.4rem 0;<br /> border-bottom: 1px dotted var(--border-light);<br /> }<br /> <br /> .special-list li:last-child { border-bottom: none; }<br /> <br /> .special-list a {<br /> font-weight: 500;<br /> }<br /> <br /> .special-list .desc {<br /> color: var(--text-muted);<br /> font-size: 0.88rem;<br /> margin-right: 0.5rem;<br /> }<br /> <br /> /* Responsive */<br /> @media (max-width: 900px) {<br /> .wiki-sidebar { display: none; }<br /> .header-search input { width: 180px; }<br /> .article-body { padding: 1rem; }<br /> .infobox { float: none; width: 100%; margin: 0 0 1rem; }<br /> }<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> &lt;body&gt;<br /> <br /> &lt;!-- Personal Toolbar --&gt;<br /> &lt;div class=&quot;personal-bar&quot;&gt;<br /> &lt;span&gt;👤 کاربر مهمان&lt;/span&gt;<br /> &lt;a href=&quot;#&quot; onclick=&quot;openCreateModal(); return false;&quot;&gt;صفحه جدید&lt;/a&gt;<br /> &lt;a href=&quot;#&quot; onclick=&quot;showAllPages(); return false;&quot;&gt;همه صفحات&lt;/a&gt;<br /> &lt;a href=&quot;#&quot; onclick=&quot;exportData(); return false;&quot;&gt;خروجی JSON&lt;/a&gt;<br /> &lt;a href=&quot;#&quot; onclick=&quot;importData(); return false;&quot;&gt;ورودی JSON&lt;/a&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- Header --&gt;<br /> &lt;header class=&quot;wiki-header&quot;&gt;<br /> &lt;div class=&quot;wiki-logo&quot;&gt;<br /> &lt;div class=&quot;wiki-logo-icon&quot;&gt;W&lt;/div&gt;<br /> &lt;h1&gt;&lt;span&gt;ویکی&lt;/span&gt; شخصی من&lt;/h1&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;header-search&quot;&gt;<br /> &lt;input type=&quot;text&quot; id=&quot;globalSearch&quot; placeholder=&quot;جستجو...&quot; oninput=&quot;searchPages()&quot;&gt;<br /> &lt;button onclick=&quot;searchPages()&quot;&gt;جستجو&lt;/button&gt;<br /> &lt;/div&gt;<br /> &lt;/header&gt;<br /> <br /> &lt;!-- Body --&gt;<br /> &lt;div class=&quot;wiki-body&quot;&gt;<br /> &lt;!-- Sidebar --&gt;<br /> &lt;nav class=&quot;wiki-sidebar&quot; id=&quot;sidebar&quot;&gt;<br /> &lt;div class=&quot;sidebar-section&quot;&gt;<br /> &lt;h4&gt;ابزارها&lt;/h4&gt;<br /> &lt;div class=&quot;sidebar-search&quot;&gt;<br /> &lt;input type=&quot;text&quot; id=&quot;sidebarSearch&quot; placeholder=&quot;جستجو در صفحات...&quot; oninput=&quot;searchPages()&quot;&gt;<br /> &lt;button onclick=&quot;searchPages()&quot;&gt;برو&lt;/button&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;sidebar-section&quot;&gt;<br /> &lt;h4&gt;ناوبری&lt;/h4&gt;<br /> &lt;ul id=&quot;navPages&quot;&gt;<br /> &lt;li&gt;&lt;a href=&quot;#&quot; class=&quot;active-page&quot; onclick=&quot;showMainPage(); return false;&quot;&gt;صفحه اصلی&lt;/a&gt;&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;sidebar-section&quot;&gt;<br /> &lt;h4&gt;صفحات ویژه&lt;/h4&gt;<br /> &lt;ul&gt;<br /> &lt;li&gt;&lt;a href=&quot;#&quot; onclick=&quot;showAllPages(); return false;&quot;&gt;همه صفحات&lt;/a&gt;&lt;/li&gt;<br /> &lt;li&gt;&lt;a href=&quot;#&quot; onclick=&quot;openCreateModal(); return false;&quot;&gt;ایجاد صفحه جدید&lt;/a&gt;&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;sidebar-section&quot; id=&quot;categorySidebar&quot;&gt;<br /> &lt;h4&gt;رده‌ها&lt;/h4&gt;<br /> &lt;ul id=&quot;categoryList&quot;&gt;&lt;/ul&gt;<br /> &lt;/div&gt;<br /> &lt;/nav&gt;<br /> <br /> &lt;!-- Content --&gt;<br /> &lt;div class=&quot;wiki-content&quot;&gt;<br /> &lt;div class=&quot;content-tabs&quot; id=&quot;contentTabs&quot;&gt;<br /> &lt;button class=&quot;content-tab active&quot; id=&quot;tab-read&quot; onclick=&quot;switchTab('read')&quot;&gt;&lt;strong&gt;خواندن&lt;/strong&gt;&lt;/button&gt;<br /> &lt;button class=&quot;content-tab&quot; id=&quot;tab-edit&quot; onclick=&quot;switchTab('edit')&quot;&gt;&lt;strong&gt;ویرایش&lt;/strong&gt;&lt;/button&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- Read View --&gt;<br /> &lt;div class=&quot;article-body&quot; id=&quot;readView&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;!-- Edit View (hidden) --&gt;<br /> &lt;div class=&quot;article-body&quot; id=&quot;editView&quot; style=&quot;display:none;&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;!-- Footer --&gt;<br /> &lt;div class=&quot;page-footer&quot;&gt;<br /> صفحه آخرین بار در &lt;span id=&quot;footerDate&quot;&gt;&lt;/span&gt; ویرایش شده است.<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- Bottom nav --&gt;<br /> &lt;div class=&quot;footer-nav&quot;&gt;<br /> &lt;a href=&quot;#&quot; onclick=&quot;showMainPage(); return false;&quot;&gt;صفحه اصلی&lt;/a&gt;<br /> &lt;span&gt;•&lt;/span&gt;<br /> &lt;a href=&quot;#&quot; onclick=&quot;showAllPages(); return false;&quot;&gt;فهرست صفحات&lt;/a&gt;<br /> &lt;span&gt;•&lt;/span&gt;<br /> &lt;a href=&quot;#&quot; onclick=&quot;openCreateModal(); return false;&quot;&gt;صفحه جدید&lt;/a&gt;<br /> &lt;span&gt;•&lt;/span&gt;<br /> &lt;span&gt;ذخیره شده در مرورگر شما ❤️&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- Create/Edit Modal --&gt;<br /> &lt;div class=&quot;modal-overlay&quot; id=&quot;editorModal&quot;&gt;<br /> &lt;div class=&quot;modal&quot;&gt;<br /> &lt;div class=&quot;modal-header&quot;&gt;<br /> &lt;h3 id=&quot;modalTitle&quot;&gt;ایجاد صفحه جدید&lt;/h3&gt;<br /> &lt;button class=&quot;btn-cancel&quot; onclick=&quot;closeModal('editorModal')&quot; style=&quot;border:none;background:none;font-size:1.2rem;cursor:pointer;&quot;&gt;✕&lt;/button&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;modal-body&quot;&gt;<br /> &lt;div class=&quot;form-group&quot;&gt;<br /> &lt;label&gt;نام صفحه (عنوان)&lt;/label&gt;<br /> &lt;input type=&quot;text&quot; id=&quot;pageTitle&quot; placeholder=&quot;مثال: React Hooks&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;form-group&quot;&gt;<br /> &lt;label&gt;رده (دسته‌بندی)&lt;/label&gt;<br /> &lt;input type=&quot;text&quot; id=&quot;pageCategory&quot; placeholder=&quot;مثال: برنامه‌نویسی، طراحی، یادداشت&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;form-group&quot;&gt;<br /> &lt;label&gt;محتوای ویکی (Wiki markup ساده)&lt;/label&gt;<br /> &lt;textarea id=&quot;pageContent&quot; placeholder=&quot;== عنوان بخش ==&amp;#10;&amp;#10;متن مقاله اینجا...&amp;#10;&amp;#10;=== زیرعنوان ===&amp;#10;&amp;#10;* مورد اول&amp;#10;* مورد دوم&amp;#10;&amp;#10;{{یادآوری|متن مهم}}&amp;#10;&amp;#10;[[پیوند به صفحه دیگر]]&amp;#10;&amp;#10;---&quot;&gt;&lt;/textarea&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;modal-actions&quot;&gt;<br /> &lt;button class=&quot;btn-save&quot; onclick=&quot;savePage()&quot;&gt;ذخیره صفحه&lt;/button&gt;<br /> &lt;button class=&quot;btn-cancel&quot; onclick=&quot;closeModal('editorModal')&quot;&gt;لغو&lt;/button&gt;<br /> &lt;button class=&quot;btn-delete&quot; id=&quot;modalDeleteBtn&quot; style=&quot;display:none;&quot; onclick=&quot;deleteCurrentPage()&quot;&gt;حذف صفحه&lt;/button&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- Hidden file input for import --&gt;<br /> &lt;input type=&quot;file&quot; id=&quot;importInput&quot; accept=&quot;.json&quot; style=&quot;display:none;&quot; onchange=&quot;handleImport(event)&quot;&gt;<br /> <br /> &lt;script&gt;<br /> // ===== Data Layer =====<br /> let pages = JSON.parse(localStorage.getItem('mediawiki_pages') || '[]');<br /> let currentPageId = null;<br /> let editingPageId = null;<br /> <br /> function save() {<br /> localStorage.setItem('mediawiki_pages', JSON.stringify(pages));<br /> }<br /> <br /> function genId() {<br /> return Date.now().toString(36) + Math.random().toString(36).slice(2, 7);<br /> }<br /> <br /> function getPageBySlug(slug) {<br /> return pages.find(p =&gt; p.slug === slug);<br /> }<br /> <br /> function slugify(text) {<br /> return text.trim().replace(/\s+/g, '-').replace(/[^\w\-\u0600-\u06FF]/g, '').toLowerCase();<br /> }<br /> <br /> // ===== Wiki Markup Parser =====<br /> function parseWikiMarkup(text) {<br /> let html = text;<br /> <br /> // Escape HTML first<br /> html = html.replace(/&amp;/g, '&amp;amp;').replace(/&lt;/g, '&amp;lt;').replace(/&gt;/g, '&amp;gt;');<br /> <br /> // Headings: == Title == → &lt;h2&gt;, === Title === → &lt;h3&gt;, etc.<br /> html = html.replace(/^======\s*(.+?)\s*======/gm, '&lt;h5&gt;$1&lt;/h5&gt;');<br /> html = html.replace(/^=====\s*(.+?)\s*=====/gm, '&lt;h4&gt;$1&lt;/h4&gt;');<br /> html = html.replace(/^====\s*(.+?)\s*====/gm, '&lt;h4&gt;$1&lt;/h4&gt;');<br /> html = html.replace(/^===\s*(.+?)\s*===/gm, '&lt;h3&gt;$1&lt;/h3&gt;');<br /> html = html.replace(/^==\s*(.+?)\s*==/gm, '&lt;/div&gt;&lt;div class=&quot;wiki-heading&quot;&gt;&lt;h2&gt;$1&lt;/h2&gt;&lt;/div&gt;&lt;div class=&quot;wiki-para&quot;&gt;');<br /> <br /> // Bold &amp; Italic<br /> html = html.replace(/'{5}(.+?)'{5}/g, '&lt;b&gt;&lt;i&gt;$1&lt;/i&gt;&lt;/b&gt;');<br /> html = html.replace(/'{3}(.+?)'{3}/g, '&lt;b&gt;$1&lt;/b&gt;');<br /> html = html.replace(/'{2}(.+?)'{2}/g, '&lt;i&gt;$1&lt;/i&gt;');<br /> <br /> // Internal links: [[Page Name]] or [[Page Name|display text]]<br /> html = html.replace(/\[\[([^\]|]+)\|([^\]]+)\]\]/g, '&lt;a href=&quot;#&quot; onclick=&quot;navigateToPage(\'$1\'); return false;&quot; class=&quot;wiki-link&quot;&gt;$2&lt;/a&gt;');<br /> html = html.replace(/\[\[([^\]]+)\]\]/g, '&lt;a href=&quot;#&quot; onclick=&quot;navigateToPage(\'$1\'); return false;&quot; class=&quot;wiki-link&quot;&gt;$1&lt;/a&gt;');<br /> <br /> // External links: [http://... text]<br /> html = html.replace(/\[(https?:\/\/[^\s]+)\s+([^\]]+)\]/g, '&lt;a href=&quot;$1&quot; target=&quot;_blank&quot;&gt;$2&lt;/a&gt;');<br /> // Bare external: [http://...]<br /> html = html.replace(/\[(https?:\/\/[^\s]+)\]/g, '&lt;a href=&quot;$1&quot; target=&quot;_blank&quot;&gt;$1&lt;/a&gt;');<br /> <br /> // Templates: {{یادآوری|text}} or {{tip|text}}<br /> html = html.replace(/\{\{یادآوری\|(.+?)\}\}/g, '&lt;div class=&quot;ambox&quot;&gt;&lt;span class=&quot;ambox-icon&quot;&gt;💡&lt;/span&gt;&lt;span&gt;$1&lt;/span&gt;&lt;/div&gt;');<br /> html = html.replace(/\{\{tip\|(.+?)\}\}/g, '&lt;div class=&quot;ambox&quot;&gt;&lt;span class=&quot;ambox-icon&quot;&gt;✅&lt;/span&gt;&lt;span&gt;$1&lt;/span&gt;&lt;/div&gt;');<br /> html = html.replace(/\{\{هشدار\|(.+?)\}\}/g, '&lt;div class=&quot;ambox&quot; style=&quot;border-color:var(--danger);&quot;&gt;&lt;span class=&quot;ambox-icon&quot;&gt;⚠️&lt;/span&gt;&lt;span&gt;$1&lt;/span&gt;&lt;/div&gt;');<br /> html = html.replace(/\{\{note\|(.+?)\}\}/g, '&lt;div class=&quot;ambox&quot;&gt;&lt;span class=&quot;ambox-icon&quot;&gt;📝&lt;/span&gt;&lt;span&gt;$1&lt;/span&gt;&lt;/div&gt;');<br /> <br /> // Code blocks: &lt;code&gt;...&lt;/code&gt; or indented lines<br /> html = html.replace(/&lt;code&gt;([\s\S]*?)&lt;\/code&gt;/g, '&lt;pre&gt;&lt;code&gt;$1&lt;/code&gt;&lt;/pre&gt;');<br /> <br /> // Blockquote: lines starting with :<br /> html = html.replace(/^:\s*(.+)$/gm, '&lt;blockquote&gt;$1&lt;/blockquote&gt;');<br /> <br /> // Horizontal rule: ----<br /> html = html.replace(/^----+$/gm, '&lt;hr style=&quot;border:none;border-top:1px solid var(--border-light);margin:1rem 0;&quot;&gt;');<br /> <br /> // Unordered lists<br /> html = html.replace(/^\* (.+)$/gm, '&lt;li style=&quot;list-style:disc;margin-right:1.5rem;&quot;&gt;$1&lt;/li&gt;');<br /> <br /> // Ordered lists<br /> html = html.replace(/^# (.+)$/gm, '&lt;li style=&quot;list-style:decimal;margin-right:1.5rem;&quot;&gt;$1&lt;/li&gt;');<br /> <br /> // Wrap consecutive &lt;li&gt; in &lt;ul&gt;<br /> html = html.replace(/(&lt;li[^&gt;]*&gt;.*?&lt;\/li&gt;\n?)+/g, (match) =&gt; {<br /> if (match.includes('list-style:decimal')) return '&lt;ol style=&quot;margin:0.5rem 0;&quot;&gt;' + match + '&lt;/ol&gt;';<br /> return '&lt;ul style=&quot;margin:0.5rem 0;&quot;&gt;' + match + '&lt;/ul&gt;';<br /> });<br /> <br /> // Line breaks: double newline = paragraph<br /> html = html.replace(/\n\n+/g, '&lt;/p&gt;&lt;p&gt;');<br /> html = html.replace(/\n/g, '&lt;br&gt;');<br /> <br /> // Wrap in paragraphs<br /> html = '&lt;div class=&quot;wiki-para&quot;&gt;&lt;p&gt;' + html + '&lt;/p&gt;&lt;/div&gt;';<br /> <br /> // Remove empty paragraphs<br /> html = html.replace(/&lt;p&gt;&lt;\/p&gt;/g, '');<br /> html = html.replace(/&lt;p&gt;\s*&lt;\/p&gt;/g, '');<br /> <br /> return html;<br /> }<br /> <br /> // ===== Rendering =====<br /> function showMainPage() {<br /> currentPageId = null;<br /> updateSidebarActive('صفحه اصلی');<br /> <br /> const defaultContent = pages.length === 0<br /> ? getWelcomeContent()<br /> : getRecentChangesContent();<br /> <br /> document.getElementById('readView').innerHTML = defaultContent;<br /> document.getElementById('tab-read').click();<br /> document.getElementById('footerDate').textContent = formatDate(new Date().toISOString());<br /> window.scrollTo(0, 0);<br /> }<br /> <br /> function getWelcomeContent() {<br /> return `<br /> &lt;h1 class=&quot;article-title&quot;&gt;صفحه اصلی&lt;/h1&gt;<br /> &lt;div class=&quot;ambox&quot;&gt;<br /> &lt;span class=&quot;ambox-icon&quot;&gt;📖&lt;/span&gt;<br /> &lt;span&gt;به ویکی شخصی خود خوش آمدید! اینجا می‌توانید هر چیزی که یاد می‌گیرید را ذخیره کنید.&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;h2 style=&quot;font-weight:400;font-size:1.4rem;margin:1.5rem 0 0.5rem;border-bottom:1px solid var(--border-light);padding-bottom:0.2rem;&quot;&gt;نحوه استفاده&lt;/h2&gt;<br /> &lt;p&gt;برای شروع کار با این ویکی، از امکانات زیر استفاده کنید:&lt;/p&gt;<br /> &lt;ul style=&quot;margin:0.5rem 0 1rem 2rem;&quot;&gt;<br /> &lt;li&gt;&lt;b&gt;ایجاد صفحه جدید:&lt;/b&gt; از لینک «صفحه جدید» در بالای صفحه استفاده کنید.&lt;/li&gt;<br /> &lt;li&gt;&lt;b&gt;ویرایش صفحه:&lt;/b&gt; روی تب «ویرایش» کلیک کنید.&lt;/li&gt;<br /> &lt;li&gt;&lt;b&gt;پیوند بین صفحات:&lt;/b&gt; از &lt;code&gt;[[نام صفحه]]&lt;/code&gt; استفاده کنید.&lt;/li&gt;<br /> &lt;li&gt;&lt;b&gt;قالب‌بندی:&lt;/b&gt; از &lt;code&gt;== عنوان ==&lt;/code&gt; برای تیتر و &lt;code&gt;'''متن'''&lt;/code&gt; برای بولد استفاده کنید.&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;h2 style=&quot;font-weight:400;font-size:1.4rem;margin:1.5rem 0 0.5rem;border-bottom:1px solid var(--border-light);padding-bottom:0.2rem;&quot;&gt;شروع کنید&lt;/h2&gt;<br /> &lt;p&gt;اکنون &lt;a href=&quot;#&quot; onclick=&quot;openCreateModal(); return false;&quot;&gt;&lt;b&gt;اولین صفحه خود را بسازید&lt;/b&gt;&lt;/a&gt; و شروع به یادداشت کنید!&lt;/p&gt;<br /> &lt;h2 style=&quot;font-weight:400;font-size:1.4rem;margin:1.5rem 0 0.5rem;border-bottom:1px solid var(--border-light);padding-bottom:0.2rem;&quot;&gt;راهنمای Wiki markup&lt;/h2&gt;<br /> &lt;table class=&quot;infobox&quot; style=&quot;width:100%;float:none;&quot;&gt;<br /> &lt;tr&gt;&lt;td class=&quot;infobox-header&quot; colspan=&quot;2&quot;&gt;نمونه‌های قالب‌بندی&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;عنوان بخش&lt;/th&gt;&lt;td&gt;&lt;code&gt;== عنوان ==&lt;/code&gt; یا &lt;code&gt;=== زیرعنوان ===&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;متن بولد&lt;/th&gt;&lt;td&gt;&lt;code&gt;'''متن بولد'''&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;متن ایتالیک&lt;/th&gt;&lt;td&gt;&lt;code&gt;''متن ایتالیک''&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;لیست&lt;/th&gt;&lt;td&gt;&lt;code&gt;* مورد اول&lt;/code&gt; (ترتیبی: &lt;code&gt;# مورد اول&lt;/code&gt;)&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;پیوند داخلی&lt;/th&gt;&lt;td&gt;&lt;code&gt;[[نام صفحه]]&lt;/code&gt; یا &lt;code&gt;[[نام|متن نمایشی]]&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;پیوند خارجی&lt;/th&gt;&lt;td&gt;&lt;code&gt;[https://example.com متن لینک]&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;یادآوری&lt;/th&gt;&lt;td&gt;&lt;code&gt;{{یادآوری|متن مهم}}&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;کد&lt;/th&gt;&lt;td&gt;&lt;code&gt;&amp;lt;code&amp;gt;کد&amp;lt;/code&amp;gt;&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;خط جداکننده&lt;/th&gt;&lt;td&gt;&lt;code&gt;----&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;<br /> &lt;/table&gt;<br /> &lt;div style=&quot;clear:both;&quot;&gt;&lt;/div&gt;`;<br /> }<br /> <br /> function getRecentChangesContent() {<br /> const sorted = [...pages].sort((a, b) =&gt; new Date(b.updatedAt) - new Date(a.updatedAt));<br /> const recent = sorted.slice(0, 10);<br /> <br /> let html = `<br /> &lt;h1 class=&quot;article-title&quot;&gt;صفحه اصلی&lt;/h1&gt;<br /> &lt;div class=&quot;ambox&quot;&gt;<br /> &lt;span class=&quot;ambox-icon&quot;&gt;🏠&lt;/span&gt;<br /> &lt;span&gt;به ویکی شخصی خود خوش آمدید. &lt;a href=&quot;#&quot; onclick=&quot;openCreateModal(); return false;&quot;&gt;صفحه جدید ایجاد کنید&lt;/a&gt;.&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;h2 style=&quot;font-weight:400;font-size:1.4rem;margin:1.5rem 0 0.5rem;border-bottom:1px solid var(--border-light);padding-bottom:0.2rem;&quot;&gt;تغییرات اخیر&lt;/h2&gt;<br /> &lt;p&gt;آخرین صفحات ویرایش شده:&lt;/p&gt;<br /> &lt;table style=&quot;width:100%;border-collapse:collapse;margin:0.5rem 0;&quot;&gt;<br /> &lt;tr style=&quot;background:var(--tab-bg);&quot;&gt;<br /> &lt;th style=&quot;padding:0.4rem 0.6rem;border:1px solid var(--border-light);text-align:right;&quot;&gt;صفحه&lt;/th&gt;<br /> &lt;th style=&quot;padding:0.4rem 0.6rem;border:1px solid var(--border-light);text-align:right;&quot;&gt;رده&lt;/th&gt;<br /> &lt;th style=&quot;padding:0.4rem 0.6rem;border:1px solid var(--border-light);text-align:right;&quot;&gt;آخرین ویرایش&lt;/th&gt;<br /> &lt;/tr&gt;`;<br /> <br /> recent.forEach(p =&gt; {<br /> const cats = p.categories.length &gt; 0 ? p.categories.join(', ') : '—';<br /> html += `<br /> &lt;tr style=&quot;cursor:pointer;&quot; onclick=&quot;navigateToPage('${p.title}')&quot;&gt;<br /> &lt;td style=&quot;padding:0.4rem 0.6rem;border:1px solid var(--border-light);&quot;&gt;&lt;a href=&quot;#&quot; onclick=&quot;event.preventDefault();navigateToPage('${p.title}')&quot;&gt;${escapeHtml(p.title)}&lt;/a&gt;&lt;/td&gt;<br /> &lt;td style=&quot;padding:0.4rem 0.6rem;border:1px solid var(--border-light);color:var(--text-muted);&quot;&gt;${escapeHtml(cats)}&lt;/td&gt;<br /> &lt;td style=&quot;padding:0.4rem 0.6rem;border:1px solid var(--border-light);color:var(--text-light);&quot;&gt;${formatDate(p.updatedAt)}&lt;/td&gt;<br /> &lt;/tr&gt;`;<br /> });<br /> <br /> html += `&lt;/table&gt;`;<br /> <br /> // Stats<br /> html += `<br /> &lt;h2 style=&quot;font-weight:400;font-size:1.4rem;margin:1.5rem 0 0.5rem;border-bottom:1px solid var(--border-light);padding-bottom:0.2rem;&quot;&gt;آمار ویکی&lt;/h2&gt;<br /> &lt;ul style=&quot;margin:0.5rem 0 1rem 2rem;&quot;&gt;<br /> &lt;li&gt;تعداد کل صفحات: &lt;b&gt;${pages.length}&lt;/b&gt;&lt;/li&gt;<br /> &lt;li&gt;تعداد رده‌ها: &lt;b&gt;${new Set(pages.flatMap(p =&gt; p.categories)).size}&lt;/b&gt;&lt;/li&gt;<br /> &lt;li&gt;بزرگ‌ترین صفحه: &lt;b&gt;${pages.length &gt; 0 ? pages.reduce((a, b) =&gt; a.content.length &gt; b.content.length ? a : b).title : '—'}&lt;/b&gt;&lt;/li&gt;<br /> &lt;/ul&gt;`;<br /> <br /> return html;<br /> }<br /> <br /> function showAllPages() {<br /> currentPageId = null;<br /> updateSidebarActive('همه صفحات');<br /> <br /> const sorted = [...pages].sort((a, b) =&gt; a.title.localeCompare(b.title, 'fa'));<br /> <br /> let html = `&lt;h1 class=&quot;article-title&quot;&gt;همه صفحات&lt;/h1&gt;`;<br /> <br /> if (sorted.length === 0) {<br /> html += `<br /> &lt;div class=&quot;ambox&quot;&gt;<br /> &lt;span class=&quot;ambox-icon&quot;&gt;📭&lt;/span&gt;<br /> &lt;span&gt;هنوز هیچ صفحه‌ای وجود ندارد. &lt;a href=&quot;#&quot; onclick=&quot;openCreateModal(); return false;&quot;&gt;اولین صفحه را بسازید&lt;/a&gt;.&lt;/span&gt;<br /> &lt;/div&gt;`;<br /> } else {<br /> html += `&lt;p&gt;تعداد کل صفحات: &lt;b&gt;${sorted.length}&lt;/b&gt;&lt;/p&gt;`;<br /> html += `&lt;ul class=&quot;special-list&quot;&gt;`;<br /> sorted.forEach(p =&gt; {<br /> const catText = p.categories.length &gt; 0 ? ` — ${p.categories.join(', ')}` : '';<br /> html += `&lt;li&gt;&lt;a href=&quot;#&quot; onclick=&quot;navigateToPage('${escapeHtml(p.title)}'); return false;&quot;&gt;${escapeHtml(p.title)}&lt;/a&gt; &lt;span class=&quot;desc&quot;&gt;${catText} (${formatDate(p.updatedAt)})&lt;/span&gt;&lt;/li&gt;`;<br /> });<br /> html += `&lt;/ul&gt;`;<br /> }<br /> <br /> document.getElementById('readView').innerHTML = html;<br /> document.getElementById('tab-read').click();<br /> document.getElementById('footerDate').textContent = formatDate(new Date().toISOString());<br /> window.scrollTo(0, 0);<br /> }<br /> <br /> function navigateToPage(title) {<br /> const page = pages.find(p =&gt; p.title === title || p.slug === slugify(title));<br /> if (page) {<br /> showPage(page.id);<br /> } else {<br /> // Page doesn't exist — offer to create<br /> if (confirm(`صفحه «${title}}» وجود ندارد. آیا می‌خواهید آن را بسازید؟`)) {<br /> editingPageId = null;<br /> document.getElementById('modalTitle').textContent = `ایجاد صفحه: ${title}`;<br /> document.getElementById('pageTitle').value = title;<br /> document.getElementById('pageCategory').value = '';<br /> document.getElementById('pageContent').value = '';<br /> document.getElementById('modalDeleteBtn').style.display = 'none';<br /> document.getElementById('editorModal').classList.add('show');<br /> }<br /> }<br /> }<br /> <br /> function showPage(id) {<br /> const page = pages.find(p =&gt; p.id === id);<br /> if (!page) return showMainPage();<br /> <br /> currentPageId = id;<br /> updateSidebarActive(page.title);<br /> <br /> const parsedContent = parseWikiMarkup(page.content);<br /> <br /> // Build TOC from headings<br /> const headingMatches = page.content.match(/^==+\s*(.+?)\s*==+$/gm) || [];<br /> let tocHtml = '';<br /> if (headingMatches.length &gt;= 2) {<br /> tocHtml = `&lt;div class=&quot;toc&quot;&gt;&lt;div class=&quot;toc-title&quot;&gt;فهرست مطالب &lt;span class=&quot;toc-toggle&quot; onclick=&quot;this.parentElement.querySelector('ol').classList.toggle('hidden');&quot;&gt;[隐蔽]&lt;/span&gt;&lt;/div&gt;&lt;ol&gt;`;<br /> headingMatches.forEach((h, i) =&gt; {<br /> const depth = (h.match(/^=+/) || ['=='])[0].length - 2;<br /> const text = h.replace(/^=+\s*/, '').replace(/\s*=+$/, '');<br /> const indent = depth &gt; 0 ? `style=&quot;margin-right:${depth * 1.5}rem;&quot;` : '';<br /> tocHtml += `&lt;li ${indent}&gt;&lt;a href=&quot;#section-${i}&quot;&gt;${text}&lt;/a&gt;&lt;/li&gt;`;<br /> });<br /> tocHtml += `&lt;/ol&gt;&lt;/div&gt;`;<br /> }<br /> <br /> // Build categories<br /> let catHtml = '';<br /> if (page.categories.length &gt; 0) {<br /> catHtml = `&lt;div class=&quot;catlinks&quot;&gt;&lt;strong&gt;رده‌ها:&lt;/strong&gt; ${page.categories.map(c =&gt; `&lt;a href=&quot;#&quot; onclick=&quot;filterByCategory('${escapeHtml(c)}'); return false;&quot;&gt;${escapeHtml(c)}&lt;/a&gt;`).join(' ')}&lt;/div&gt;`;<br /> }<br /> <br /> // Infobox<br /> const wordCount = page.content.split(/\s+/).length;<br /> const charCount = page.content.length;<br /> <br /> const infobox = `<br /> &lt;div class=&quot;infobox&quot;&gt;<br /> &lt;div class=&quot;infobox-header&quot;&gt;${escapeHtml(page.title)}&lt;/div&gt;<br /> &lt;table&gt;<br /> &lt;tr&gt;&lt;th&gt;تاریخ ایجاد&lt;/th&gt;&lt;td&gt;${formatDate(page.createdAt)}&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;آخرین ویرایش&lt;/th&gt;&lt;td&gt;${formatDate(page.updatedAt)}&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;تعداد کلمات&lt;/th&gt;&lt;td&gt;${wordCount.toLocaleString('fa-IR')}&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;تعداد حروف&lt;/th&gt;&lt;td&gt;${charCount.toLocaleString('fa-IR')}&lt;/td&gt;&lt;/tr&gt;<br /> ${page.categories.length &gt; 0 ? `&lt;tr&gt;&lt;th&gt;رده‌ها&lt;/th&gt;&lt;td&gt;${page.categories.join('، ')}&lt;/td&gt;&lt;/tr&gt;` : ''}<br /> &lt;/table&gt;<br /> &lt;/div&gt;`;<br /> <br /> // Assemble<br /> let fullHtml = `&lt;h1 class=&quot;article-title&quot;&gt;${escapeHtml(page.title)}&lt;/h1&gt;`;<br /> fullHtml += infobox;<br /> fullHtml += tocHtml;<br /> fullHtml += parsedContent;<br /> fullHtml += `&lt;div style=&quot;clear:both;&quot;&gt;&lt;/div&gt;`;<br /> fullHtml += catHtml;<br /> <br /> // See also — links to other pages<br /> const otherPages = pages.filter(p =&gt; p.id !== page.id).slice(0, 5);<br /> if (otherPages.length &gt; 0) {<br /> fullHtml += `&lt;h2 style=&quot;font-weight:400;font-size:1.3rem;margin:1.5rem 0 0.5rem;border-bottom:1px solid var(--border-light);padding-bottom:0.2rem;&quot;&gt;همچنین ببینید&lt;/h2&gt;`;<br /> fullHtml += `&lt;ul style=&quot;margin:0.5rem 0;&quot;&gt;`;<br /> otherPages.forEach(p =&gt; {<br /> fullHtml += `&lt;li&gt;&lt;a href=&quot;#&quot; onclick=&quot;navigateToPage('${escapeHtml(p.title)}'); return false;&quot;&gt;${escapeHtml(p.title)}&lt;/a&gt;&lt;/li&gt;`;<br /> });<br /> fullHtml += `&lt;/ul&gt;`;<br /> }<br /> <br /> document.getElementById('readView').innerHTML = fullHtml;<br /> document.getElementById('tab-read').click();<br /> document.getElementById('footerDate').textContent = formatDate(page.updatedAt);<br /> window.scrollTo(0, 0);<br /> <br /> updateSidebar();<br /> }<br /> <br /> function renderEditView(id) {<br /> const page = id ? pages.find(p =&gt; p.id === id) : null;<br /> <br /> let html = `&lt;h1 class=&quot;article-title&quot; style=&quot;margin-bottom:1rem;&quot;&gt;${page ? 'ویرایش: ' + escapeHtml(page.title) : 'ایجاد صفحه جدید'}&lt;/h1&gt;`;<br /> <br /> html += `<br /> &lt;div style=&quot;background:var(--toc-bg);border:1px solid var(--border-light);padding:0.8rem;margin-bottom:1rem;font-size:0.88rem;&quot;&gt;<br /> &lt;b&gt;راهنمای سریع Wiki markup:&lt;/b&gt;&lt;br&gt;<br /> &lt;code&gt;== عنوان ==&lt;/code&gt; · &lt;code&gt;'''بولد'''&lt;/code&gt; · &lt;code&gt;''ایتالیک''&lt;/code&gt; · &lt;code&gt;[[پیوند]]&lt;/code&gt; · &lt;code&gt;{{یادآوری|متن}}&lt;/code&gt; · &lt;code&gt;* لیست&lt;/code&gt; · &lt;code&gt;&amp;lt;code&amp;gt;kod&amp;lt;/code&amp;gt;&lt;/code&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;form-group&quot;&gt;<br /> &lt;label&gt;عنوان صفحه&lt;/label&gt;<br /> &lt;input type=&quot;text&quot; id=&quot;editTitle&quot; value=&quot;${page ? escapeHtml(page.title) : ''}&quot; placeholder=&quot;عنوان صفحه&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;form-group&quot;&gt;<br /> &lt;label&gt;رده‌ها (با کاما جدا کنید)&lt;/label&gt;<br /> &lt;input type=&quot;text&quot; id=&quot;editCategories&quot; value=&quot;${page ? page.categories.join(', ') : ''}&quot; placeholder=&quot;برنامه‌نویسی, یادداشت&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;form-group&quot;&gt;<br /> &lt;label&gt;محتوا&lt;/label&gt;<br /> &lt;textarea id=&quot;editContent&quot; placeholder=&quot;محتوای صفحه را اینجا بنویسید...&quot;&gt;${page ? page.content : ''}&lt;/textarea&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;display:flex;gap:0.5rem;&quot;&gt;<br /> &lt;button class=&quot;btn-save&quot; onclick=&quot;saveFromEditor(${id ? `'${id}'` : 'null'})&quot;&gt;ذخیره صفحه&lt;/button&gt;<br /> &lt;button class=&quot;btn-cancel&quot; onclick=&quot;cancelEdit()&quot;&gt;لغو&lt;/button&gt;<br /> ${page ? `&lt;button class=&quot;btn-delete&quot; onclick=&quot;deletePage('${id}')&quot;&gt;حذف صفحه&lt;/button&gt;` : ''}<br /> &lt;/div&gt;`;<br /> <br /> document.getElementById('editView').innerHTML = html;<br /> }<br /> <br /> function switchTab(tab) {<br /> if (tab === 'read') {<br /> document.getElementById('tab-read').classList.add('active');<br /> document.getElementById('tab-edit').classList.remove('active');<br /> document.getElementById('readView').style.display = '';<br /> document.getElementById('editView').style.display = 'none';<br /> } else {<br /> document.getElementById('tab-edit').classList.add('active');<br /> document.getElementById('tab-read').classList.remove('active');<br /> document.getElementById('readView').style.display = 'none';<br /> document.getElementById('editView').style.display = '';<br /> renderEditView(currentPageId);<br /> }<br /> }<br /> <br /> function cancelEdit() {<br /> if (currentPageId) {<br /> switchTab('read');<br /> } else {<br /> showMainPage();<br /> }<br /> }<br /> <br /> function saveFromEditor(id) {<br /> const title = document.getElementById('editTitle').value.trim();<br /> const cats = document.getElementById('editCategories').value.split(',').map(c =&gt; c.trim()).filter(Boolean);<br /> const content = document.getElementById('editContent').value;<br /> <br /> if (!title) { document.getElementById('editTitle').focus(); return; }<br /> if (!content) { document.getElementById('editContent').focus(); return; }<br /> <br /> if (id) {<br /> const page = pages.find(p =&gt; p.id === id);<br /> if (page) {<br /> page.title = title;<br /> page.slug = slugify(title);<br /> page.categories = cats;<br /> page.content = content;<br /> page.updatedAt = new Date().toISOString();<br /> }<br /> } else {<br /> const newPage = {<br /> id: genId(),<br /> title,<br /> slug: slugify(title),<br /> categories: cats,<br /> content,<br /> createdAt: new Date().toISOString(),<br /> updatedAt: new Date().toISOString(),<br /> };<br /> pages.push(newPage);<br /> currentPageId = newPage.id;<br /> }<br /> <br /> save();<br /> showPage(currentPageId);<br /> updateSidebar();<br /> }<br /> <br /> // ===== Modal helpers =====<br /> function openCreateModal() {<br /> editingPageId = null;<br /> document.getElementById('modalTitle').textContent = 'ایجاد صفحه جدید';<br /> document.getElementById('pageTitle').value = '';<br /> document.getElementById('pageCategory').value = '';<br /> document.getElementById('pageContent').value = '';<br /> document.getElementById('modalDeleteBtn').style.display = 'none';<br /> document.getElementById('editorModal').classList.add('show');<br /> document.getElementById('pageTitle').focus();<br /> }<br /> <br /> function savePage() {<br /> const title = document.getElementById('pageTitle').value.trim();<br /> const cats = document.getElementById('pageCategory').value.split(',').map(c =&gt; c.trim()).filter(Boolean);<br /> const content = document.getElementById('pageContent').value;<br /> <br /> if (!title) { document.getElementById('pageTitle').focus(); return; }<br /> if (!content) { document.getElementById('pageContent').focus(); return; }<br /> <br /> const newPage = {<br /> id: genId(),<br /> title,<br /> slug: slugify(title),<br /> categories: cats,<br /> content,<br /> createdAt: new Date().toISOString(),<br /> updatedAt: new Date().toISOString(),<br /> };<br /> <br /> pages.push(newPage);<br /> save();<br /> closeModal('editorModal');<br /> currentPageId = newPage.id;<br /> showPage(newPage.id);<br /> updateSidebar();<br /> }<br /> <br /> function deletePage(id) {<br /> if (!confirm('آیا مطمئن هستید که می‌خواهید این صفحه را حذف کنید؟')) return;<br /> pages = pages.filter(p =&gt; p.id !== id);<br /> save();<br /> currentPageId = null;<br /> showMainPage();<br /> updateSidebar();<br /> }<br /> <br /> function deleteCurrentPage() {<br /> if (currentPageId) deletePage(currentPageId);<br /> }<br /> <br /> function closeModal(id) {<br /> document.getElementById(id).classList.remove('show');<br /> }<br /> <br /> // ===== Sidebar =====<br /> function updateSidebar() {<br /> const navPages = document.getElementById('navPages');<br /> const sorted = [...pages].sort((a, b) =&gt; b.updatedAt.localeCompare(a.updatedAt));<br /> const recent = sorted.slice(0, 8);<br /> <br /> let html = `&lt;li&gt;&lt;a href=&quot;#&quot; class=&quot;${!currentPageId ? 'active-page' : ''}&quot; onclick=&quot;showMainPage(); return false;&quot;&gt;صفحه اصلی&lt;/a&gt;&lt;/li&gt;`;<br /> recent.forEach(p =&gt; {<br /> html += `&lt;li&gt;&lt;a href=&quot;#&quot; class=&quot;${currentPageId === p.id ? 'active-page' : ''}&quot; onclick=&quot;navigateToPage('${escapeHtml(p.title)}'); return false;&quot;&gt;${escapeHtml(p.title)}&lt;/a&gt;&lt;/li&gt;`;<br /> });<br /> navPages.innerHTML = html;<br /> <br /> // Categories<br /> const allCats = [...new Set(pages.flatMap(p =&gt; p.categories))].sort();<br /> const catList = document.getElementById('categoryList');<br /> catList.innerHTML = allCats.map(c =&gt;<br /> `&lt;li&gt;&lt;a href=&quot;#&quot; onclick=&quot;filterByCategory('${escapeHtml(c)}'); return false;&quot;&gt;${escapeHtml(c)}&lt;/a&gt;&lt;/li&gt;`<br /> ).join('');<br /> }<br /> <br /> function updateSidebarActive(title) {<br /> document.querySelectorAll('.sidebar-section li a').forEach(a =&gt; {<br /> a.classList.remove('active-page');<br /> if (a.textContent.trim() === title) a.classList.add('active-page');<br /> });<br /> }<br /> <br /> function filterByCategory(cat) {<br /> const matching = pages.filter(p =&gt; p.categories.includes(cat));<br /> let html = `&lt;h1 class=&quot;article-title&quot;&gt;رده: ${escapeHtml(cat)}&lt;/h1&gt;`;<br /> html += `&lt;p&gt;تعداد صفحات در این رده: &lt;b&gt;${matching.length}&lt;/b&gt;&lt;/p&gt;`;<br /> <br /> if (matching.length &gt; 0) {<br /> html += `&lt;ul class=&quot;special-list&quot;&gt;`;<br /> matching.forEach(p =&gt; {<br /> html += `&lt;li&gt;&lt;a href=&quot;#&quot; onclick=&quot;navigateToPage('${escapeHtml(p.title)}'); return false;&quot;&gt;${escapeHtml(p.title)}&lt;/a&gt; &lt;span class=&quot;desc&quot;&gt;(${formatDate(p.updatedAt)})&lt;/span&gt;&lt;/li&gt;`;<br /> });<br /> html += `&lt;/ul&gt;`;<br /> }<br /> <br /> document.getElementById('readView').innerHTML = html;<br /> document.getElementById('tab-read').click();<br /> window.scrollTo(0, 0);<br /> }<br /> <br /> // ===== Search =====<br /> function searchPages() {<br /> const query = document.getElementById('globalSearch').value.trim().toLowerCase() ||<br /> document.getElementById('sidebarSearch').value.trim().toLowerCase();<br /> <br /> if (!query) {<br /> if (currentPageId) return showPage(currentPageId);<br /> return showMainPage();<br /> }<br /> <br /> const results = pages.filter(p =&gt;<br /> p.title.toLowerCase().includes(query) ||<br /> p.content.toLowerCase().includes(query) ||<br /> p.categories.some(c =&gt; c.toLowerCase().includes(query))<br /> );<br /> <br /> let html = `&lt;h1 class=&quot;article-title&quot;&gt;نتایج جستجو: «${escapeHtml(query)}»&lt;/h1&gt;`;<br /> html += `&lt;p&gt;${results.length} نتیجه یافت شد.&lt;/p&gt;`;<br /> <br /> if (results.length &gt; 0) {<br /> html += `&lt;ul class=&quot;special-list&quot;&gt;`;<br /> results.forEach(p =&gt; {<br /> // Show context snippet<br /> const idx = p.content.toLowerCase().indexOf(query);<br /> let snippet = '';<br /> if (idx !== -1) {<br /> const start = Math.max(0, idx - 40);<br /> const end = Math.min(p.content.length, idx + query.length + 60);<br /> snippet = (start &gt; 0 ? '...' : '') + p.content.substring(start, end) + (end &lt; p.content.length ? '...' : '');<br /> }<br /> html += `&lt;li&gt;&lt;a href=&quot;#&quot; onclick=&quot;navigateToPage('${escapeHtml(p.title)}'); return false;&quot;&gt;${escapeHtml(p.title)}&lt;/a&gt;`;<br /> if (snippet) html += `&lt;br&gt;&lt;span class=&quot;desc&quot;&gt;${escapeHtml(snippet)}&lt;/span&gt;`;<br /> html += `&lt;/li&gt;`;<br /> });<br /> html += `&lt;/ul&gt;`;<br /> }<br /> <br /> document.getElementById('readView').innerHTML = html;<br /> document.getElementById('tab-read').click();<br /> window.scrollTo(0, 0);<br /> }<br /> <br /> // ===== Import/Export =====<br /> function exportData() {<br /> const data = JSON.stringify(pages, null, 2);<br /> const blob = new Blob([data], { type: 'application/json' });<br /> const url = URL.createObjectURL(blob);<br /> const a = document.createElement('a');<br /> a.href = url;<br /> a.download = `wiki-backup-${new Date().toISOString().slice(0, 10)}.json`;<br /> a.click();<br /> URL.revokeObjectURL(url);<br /> }<br /> <br /> function importData() {<br /> document.getElementById('importInput').click();<br /> }<br /> <br /> function handleImport(event) {<br /> const file = event.target.files[0];<br /> if (!file) return;<br /> const reader = new FileReader();<br /> reader.onload = (e) =&gt; {<br /> try {<br /> const data = JSON.parse(e.target.result);<br /> if (!Array.isArray(data)) throw new Error('Invalid format');<br /> if (confirm(`آیا می‌خواهید ${data.length} صفحه را وارد کنید؟ (صفحات فعلی حفظ می‌شوند)`)) {<br /> data.forEach(p =&gt; {<br /> if (p.title &amp;&amp; p.content) {<br /> pages.push({<br /> id: p.id || genId(),<br /> title: p.title,<br /> slug: p.slug || slugify(p.title),<br /> categories: p.categories || [],<br /> content: p.content,<br /> createdAt: p.createdAt || new Date().toISOString(),<br /> updatedAt: p.updatedAt || new Date().toISOString(),<br /> });<br /> }<br /> });<br /> save();<br /> showMainPage();<br /> updateSidebar();<br /> alert(`${data.length} صفحه با موفقیت وارد شد.`);<br /> }<br /> } catch (err) {<br /> alert('خطا در خواندن فایل. لطفاً فایل JSON معتبر وارد کنید.');<br /> }<br /> };<br /> reader.readAsText(file);<br /> event.target.value = '';<br /> }<br /> <br /> // ===== Helpers =====<br /> function formatDate(iso) {<br /> if (!iso) return '—';<br /> return new Date(iso).toLocaleDateString('fa-IR', { year: 'numeric', month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' });<br /> }<br /> <br /> function escapeHtml(text) {<br /> const d = document.createElement('div');<br /> d.textContent = text;<br /> return d.innerHTML;<br /> }<br /> <br /> // ===== Keyboard Shortcuts =====<br /> document.addEventListener('keydown', (e) =&gt; {<br /> if (e.key === 'Escape') {<br /> document.querySelectorAll('.modal-overlay.show').forEach(m =&gt; m.classList.remove('show'));<br /> }<br /> if (e.key === 'n' &amp;&amp; (e.ctrlKey || e.metaKey)) {<br /> e.preventDefault();<br /> openCreateModal();<br /> }<br /> });<br /> <br /> // Close modal on overlay click<br /> document.querySelectorAll('.modal-overlay').forEach(o =&gt; {<br /> o.addEventListener('click', (e) =&gt; { if (e.target === o) o.classList.remove('show'); });<br /> });<br /> <br /> // ===== Init =====<br /> updateSidebar();<br /> showMainPage();<br /> &lt;/script&gt;<br /> &lt;/body&gt;<br /> &lt;/html&gt;</div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C&diff=3 2026-09-05T09:01:05Z

<p>Admin: صفحه را خالی کرد</p> <hr /> <div></div>

Admin https://wiki.shakibaabutalebi.ir/index.php?title=%D8%B5%D9%81%D8%AD%D9%87%D9%94_%D8%A7%D8%B5%D9%84%DB%8C&diff=2 2026-09-05T08:54:41Z

<p>Admin: /* آغاز به کار */</p> <hr /> <div>'''مدیاویکی با موفقیت نصب شد.'''<br /> <br /> برای اطلاعات بیشتر در مورد به‌کارگیری نرم‌افزار ویکی به [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents فهرست راهنمای کاربر] مراجعه کنید.<br /> <br /> &lt;!DOCTYPE html&gt;<br /> &lt;html lang=&quot;fa&quot; dir=&quot;rtl&quot;&gt;<br /> &lt;head&gt;<br /> &lt;meta charset=&quot;UTF-8&quot;&gt;<br /> &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;<br /> &lt;title&gt;ویکی شخصی من&lt;/title&gt;<br /> &lt;style&gt;<br /> @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&amp;display=swap');<br /> <br /> * { margin: 0; padding: 0; box-sizing: border-box; }<br /> <br /> :root {<br /> --bg: #f8f9fa;<br /> --surface: #ffffff;<br /> --sidebar-bg: #f0f2f5;<br /> --border: #a2a9b1;<br /> --border-light: #c8ccd1;<br /> --text: #202122;<br /> --text-muted: #54595d;<br /> --text-light: #72777d;<br /> --accent: #3366cc;<br /> --accent-hover: #2a4b8d;<br /> --accent-visited: #795cb2;<br /> --link: #0645ad;<br /> --link-hover: #0b0080;<br /> --link-visited: #0b0080;<br /> --tab-bg: #eaecf0;<br /> --tab-active: #ffffff;<br /> --toc-bg: #f8f9fa;<br /> --toc-border: #a2a9b1;<br /> --danger: #b32424;<br /> --success: #14866d;<br /> --warning: #e07d10;<br /> --tag-green: #14866d;<br /> --tag-blue: #3366cc;<br /> --tag-orange: #b7570a;<br /> --tag-purple: #795cb2;<br /> --shadow: 0 1px 3px rgba(0,0,0,0.08);<br /> }<br /> <br /> body {<br /> font-family: 'Vazirmatn', sans-serif;<br /> background: var(--bg);<br /> color: var(--text);<br /> font-size: 14px;<br /> line-height: 1.7;<br /> }<br /> <br /> a { color: var(--link); text-decoration: none; }<br /> a:hover { text-decoration: underline; color: var(--link-hover); }<br /> <br /> /* === Personal Bar (top) === */<br /> .personal-bar {<br /> background: var(--surface);<br /> border-bottom: 1px solid var(--border-light);<br /> padding: 0.25rem 1rem;<br /> font-size: 0.82rem;<br /> display: flex;<br /> justify-content: flex-start;<br /> align-items: center;<br /> gap: 1rem;<br /> color: var(--text-muted);<br /> }<br /> <br /> .personal-bar a { color: var(--link); font-size: 0.82rem; }<br /> <br /> /* === Main Header === */<br /> .wiki-header {<br /> background: var(--surface);<br /> padding: 0.8rem 1.5rem;<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> border-bottom: 3px solid var(--accent);<br /> }<br /> <br /> .wiki-logo {<br /> display: flex;<br /> align-items: center;<br /> gap: 0.75rem;<br /> }<br /> <br /> .wiki-logo-icon {<br /> width: 50px;<br /> height: 50px;<br /> background: var(--accent);<br /> border-radius: 50%;<br /> display: flex;<br /> align-items: center;<br /> justify-content: center;<br /> color: white;<br /> font-size: 1.6rem;<br /> font-weight: 700;<br /> }<br /> <br /> .wiki-logo h1 {<br /> font-size: 1.5rem;<br /> font-weight: 400;<br /> color: var(--text);<br /> }<br /> <br /> .wiki-logo h1 span {<br /> font-weight: 700;<br /> }<br /> <br /> .header-search {<br /> display: flex;<br /> align-items: center;<br /> gap: 0.4rem;<br /> }<br /> <br /> .header-search input {<br /> padding: 0.45rem 0.8rem;<br /> border: 1px solid var(--border);<br /> border-radius: 2px;<br /> font-family: inherit;<br /> font-size: 0.9rem;<br /> width: 300px;<br /> direction: rtl;<br /> }<br /> <br /> .header-search input:focus {<br /> outline: none;<br /> border-color: var(--accent);<br /> box-shadow: 0 0 0 2px rgba(51,102,204,0.15);<br /> }<br /> <br /> .header-search button {<br /> padding: 0.45rem 0.8rem;<br /> background: var(--accent);<br /> color: white;<br /> border: 1px solid var(--accent);<br /> font-family: inherit;<br /> font-size: 0.85rem;<br /> cursor: pointer;<br /> border-radius: 2px;<br /> }<br /> <br /> .header-search button:hover { background: var(--accent-hover); }<br /> <br /> /* === Body Layout === */<br /> .wiki-body {<br /> display: flex;<br /> max-width: 1400px;<br /> margin: 0 auto;<br /> min-height: calc(100vh - 120px);<br /> }<br /> <br /> /* === Sidebar === */<br /> .wiki-sidebar {<br /> width: 220px;<br /> min-width: 220px;<br /> background: var(--surface);<br /> border-left: 1px solid var(--border-light);<br /> padding: 1rem 0;<br /> font-size: 0.88rem;<br /> }<br /> <br /> .sidebar-section {<br /> margin-bottom: 0.5rem;<br /> }<br /> <br /> .sidebar-section h4 {<br /> padding: 0.4rem 1rem;<br /> font-size: 0.78rem;<br /> font-weight: 700;<br /> color: var(--text-muted);<br /> text-transform: uppercase;<br /> letter-spacing: 0.05em;<br /> background: var(--tab-bg);<br /> border-top: 1px solid var(--border-light);<br /> border-bottom: 1px solid var(--border-light);<br /> }<br /> <br /> .sidebar-section ul {<br /> list-style: none;<br /> padding: 0.3rem 0;<br /> }<br /> <br /> .sidebar-section li a {<br /> display: block;<br /> padding: 0.3rem 1rem;<br /> color: var(--accent);<br /> transition: background 0.15s;<br /> }<br /> <br /> .sidebar-section li a:hover {<br /> background: var(--tab-bg);<br /> text-decoration: none;<br /> }<br /> <br /> .sidebar-section li a.active-page {<br /> background: var(--accent);<br /> color: white;<br /> font-weight: 500;<br /> }<br /> <br /> .sidebar-search {<br /> padding: 0.5rem 1rem;<br /> }<br /> <br /> .sidebar-search input {<br /> width: 100%;<br /> padding: 0.35rem 0.6rem;<br /> border: 1px solid var(--border);<br /> font-family: inherit;<br /> font-size: 0.85rem;<br /> direction: rtl;<br /> }<br /> <br /> .sidebar-search input:focus {<br /> outline: none;<br /> border-color: var(--accent);<br /> }<br /> <br /> .sidebar-search button {<br /> width: 100%;<br /> margin-top: 0.3rem;<br /> padding: 0.3rem;<br /> background: var(--tab-bg);<br /> border: 1px solid var(--border);<br /> font-family: inherit;<br /> font-size: 0.82rem;<br /> cursor: pointer;<br /> color: var(--text-muted);<br /> }<br /> <br /> .sidebar-search button:hover { background: var(--border-light); }<br /> <br /> /* === Content Area === */<br /> .wiki-content {<br /> flex: 1;<br /> min-width: 0;<br /> }<br /> <br /> /* Tabs */<br /> .content-tabs {<br /> display: flex;<br /> background: var(--tab-bg);<br /> border-bottom: 1px solid var(--border-light);<br /> padding: 0 1rem;<br /> gap: 0;<br /> }<br /> <br /> .content-tab {<br /> padding: 0.5rem 1rem;<br /> font-size: 0.88rem;<br /> color: var(--text-muted);<br /> cursor: pointer;<br /> border: 1px solid transparent;<br /> border-bottom: none;<br /> background: none;<br /> font-family: inherit;<br /> border-radius: 2px 2px 0 0;<br /> position: relative;<br /> top: 1px;<br /> transition: background 0.15s;<br /> }<br /> <br /> .content-tab:hover {<br /> background: var(--surface);<br /> color: var(--text);<br /> }<br /> <br /> .content-tab.active {<br /> background: var(--surface);<br /> color: var(--text);<br /> border-color: var(--border-light);<br /> border-bottom-color: var(--surface);<br /> font-weight: 500;<br /> }<br /> <br /> /* Article Content */<br /> .article-body {<br /> background: var(--surface);<br /> border: 1px solid var(--border-light);<br /> border-top: none;<br /> padding: 1.5rem 2rem;<br /> min-height: 400px;<br /> }<br /> <br /> .article-body h1.article-title {<br /> font-size: 1.8rem;<br /> font-weight: 400;<br /> border-bottom: 1px solid var(--border-light);<br /> padding-bottom: 0.3rem;<br /> margin-bottom: 1rem;<br /> line-height: 1.4;<br /> }<br /> <br /> .article-intro {<br /> margin-bottom: 1.5rem;<br /> }<br /> <br /> /* Table of Contents */<br /> .toc {<br /> background: var(--toc-bg);<br /> border: 1px solid var(--toc-border);<br /> padding: 0.8rem 1rem;<br /> display: inline-block;<br /> margin: 0 0 1.5rem;<br /> min-width: 200px;<br /> font-size: 0.9rem;<br /> }<br /> <br /> .toc-title {<br /> font-weight: 700;<br /> text-align: center;<br /> margin-bottom: 0.3rem;<br /> }<br /> <br /> .toc-toggle {<br /> font-size: 0.82rem;<br /> color: var(--link);<br /> cursor: pointer;<br /> margin-right: 0.3rem;<br /> }<br /> <br /> .toc ol {<br /> margin: 0;<br /> padding-right: 1.2rem;<br /> list-style-type: decimal;<br /> }<br /> <br /> .toc ol ol {<br /> list-style-type: decimal;<br /> }<br /> <br /> .toc li {<br /> margin: 0.2rem 0;<br /> }<br /> <br /> .toc li a {<br /> color: var(--link);<br /> }<br /> <br /> /* Section Headings */<br /> .wiki-heading {<br /> display: flex;<br /> align-items: baseline;<br /> border-bottom: 1px solid var(--border-light);<br /> margin: 1.5rem 0 0.8rem;<br /> padding-bottom: 0.2rem;<br /> }<br /> <br /> .wiki-heading h2 {<br /> font-size: 1.4rem;<br /> font-weight: 400;<br /> flex: 1;<br /> }<br /> <br /> .wiki-heading .edit-section {<br /> font-size: 0.82rem;<br /> color: var(--text-light);<br /> }<br /> <br /> .wiki-heading h3 {<br /> font-size: 1.15rem;<br /> font-weight: 700;<br /> flex: 1;<br /> }<br /> <br /> .wiki-heading h3::after {<br /> content: '';<br /> display: none;<br /> }<br /> <br /> .article-body p {<br /> margin-bottom: 0.8rem;<br /> }<br /> <br /> .article-body ul, .article-body ol {<br /> margin: 0.5rem 0 0.8rem 2rem;<br /> }<br /> <br /> .article-body li {<br /> margin-bottom: 0.3rem;<br /> }<br /> <br /> /* Category Box */<br /> .catlinks {<br /> background: var(--toc-bg);<br /> border: 1px solid var(--border-light);<br /> padding: 0.5rem 1rem;<br /> margin-top: 2rem;<br /> font-size: 0.85rem;<br /> display: flex;<br /> gap: 0.5rem;<br /> flex-wrap: wrap;<br /> align-items: center;<br /> }<br /> <br /> .catlinks strong { margin-left: 0.3rem; }<br /> <br /> .catlinks a {<br /> background: var(--tab-bg);<br /> padding: 0.15rem 0.5rem;<br /> border-radius: 2px;<br /> font-size: 0.82rem;<br /> }<br /> <br /> /* Page Footer */<br /> .page-footer {<br /> background: var(--surface);<br /> border-top: 1px solid var(--border-light);<br /> padding: 1rem 2rem;<br /> font-size: 0.82rem;<br /> color: var(--text-light);<br /> text-align: center;<br /> }<br /> <br /> /* === Wiki Text Formatting === */<br /> .wiki-bold { font-weight: 700; }<br /> .wiki-italic { font-style: italic; }<br /> <br /> code {<br /> background: var(--toc-bg);<br /> padding: 0.1rem 0.35rem;<br /> border: 1px solid var(--border-light);<br /> font-size: 0.92em;<br /> border-radius: 2px;<br /> font-family: monospace;<br /> }<br /> <br /> pre {<br /> background: var(--toc-bg);<br /> border: 1px solid var(--border-light);<br /> padding: 0.8rem 1rem;<br /> overflow-x: auto;<br /> font-size: 0.9rem;<br /> margin: 0.8rem 0;<br /> border-radius: 2px;<br /> }<br /> <br /> pre code {<br /> background: none;<br /> border: none;<br /> padding: 0;<br /> }<br /> <br /> blockquote {<br /> border-right: 3px solid var(--accent);<br /> padding-right: 1rem;<br /> margin: 0.8rem 0;<br /> color: var(--text-muted);<br /> background: var(--toc-bg);<br /> padding: 0.5rem 1rem;<br /> }<br /> <br /> /* Info Box */<br /> .infobox {<br /> float: left;<br /> clear: right;<br /> margin: 0 0 1rem 1.5rem;<br /> border: 1px solid var(--border-light);<br /> border-collapse: collapse;<br /> background: var(--surface);<br /> font-size: 0.88rem;<br /> width: 280px;<br /> }<br /> <br /> .infobox-header {<br /> background: var(--accent);<br /> color: white;<br /> padding: 0.5rem 0.8rem;<br /> text-align: center;<br /> font-weight: 700;<br /> font-size: 1rem;<br /> }<br /> <br /> .infobox td, .infobox th {<br /> padding: 0.3rem 0.6rem;<br /> border: 1px solid var(--border-light);<br /> vertical-align: top;<br /> }<br /> <br /> .infobox th {<br /> background: var(--toc-bg);<br /> text-align: right;<br /> font-weight: 500;<br /> width: 35%;<br /> }<br /> <br /> /* Alert Boxes */<br /> .ambox {<br /> border: 1px solid var(--border-light);<br /> background: var(--toc-bg);<br /> padding: 0.6rem 1rem;<br /> margin: 0.8rem 0;<br /> font-size: 0.88rem;<br /> display: flex;<br /> align-items: center;<br /> gap: 0.6rem;<br /> }<br /> <br /> .ambox-icon { font-size: 1.3rem; }<br /> <br /> /* Editor (Modal) */<br /> .modal-overlay {<br /> display: none;<br /> position: fixed;<br /> inset: 0;<br /> background: rgba(0,0,0,0.5);<br /> z-index: 200;<br /> align-items: center;<br /> justify-content: center;<br /> padding: 1rem;<br /> }<br /> <br /> .modal-overlay.show { display: flex; }<br /> <br /> .modal {<br /> background: var(--surface);<br /> border: 1px solid var(--border);<br /> width: 100%;<br /> max-width: 800px;<br /> max-height: 90vh;<br /> overflow-y: auto;<br /> border-radius: 2px;<br /> }<br /> <br /> .modal-header {<br /> background: var(--tab-bg);<br /> padding: 0.6rem 1rem;<br /> border-bottom: 1px solid var(--border-light);<br /> display: flex;<br /> align-items: center;<br /> justify-content: space-between;<br /> }<br /> <br /> .modal-header h3 { font-size: 1rem; font-weight: 500; }<br /> <br /> .modal-body { padding: 1.2rem; }<br /> <br /> .form-group { margin-bottom: 1rem; }<br /> <br /> .form-group label {<br /> display: block;<br /> font-size: 0.85rem;<br /> font-weight: 500;<br /> margin-bottom: 0.3rem;<br /> color: var(--text-muted);<br /> }<br /> <br /> .form-group input,<br /> .form-group textarea,<br /> .form-group select {<br /> width: 100%;<br /> padding: 0.5rem 0.7rem;<br /> border: 1px solid var(--border);<br /> font-family: inherit;<br /> font-size: 0.95rem;<br /> direction: rtl;<br /> border-radius: 2px;<br /> }<br /> <br /> .form-group textarea {<br /> min-height: 300px;<br /> resize: vertical;<br /> font-family: monospace;<br /> font-size: 0.9rem;<br /> line-height: 1.8;<br /> direction: ltr;<br /> text-align: left;<br /> }<br /> <br /> .form-group input:focus,<br /> .form-group textarea:focus,<br /> .form-group select:focus {<br /> outline: none;<br /> border-color: var(--accent);<br /> }<br /> <br /> .modal-actions {<br /> display: flex;<br /> gap: 0.5rem;<br /> padding: 0.6rem 1rem;<br /> background: var(--tab-bg);<br /> border-top: 1px solid var(--border-light);<br /> }<br /> <br /> .modal-actions button {<br /> padding: 0.4rem 1rem;<br /> font-family: inherit;<br /> font-size: 0.85rem;<br /> cursor: pointer;<br /> border-radius: 2px;<br /> }<br /> <br /> .btn-save {<br /> background: var(--accent);<br /> color: white;<br /> border: 1px solid var(--accent);<br /> }<br /> <br /> .btn-save:hover { background: var(--accent-hover); }<br /> <br /> .btn-cancel {<br /> background: var(--tab-bg);<br /> color: var(--text);<br /> border: 1px solid var(--border);<br /> }<br /> <br /> .btn-cancel:hover { background: var(--border-light); }<br /> <br /> .btn-delete {<br /> background: var(--danger);<br /> color: white;<br /> border: 1px solid var(--danger);<br /> margin-right: auto;<br /> }<br /> <br /> .btn-delete:hover { background: #9b1b1b; }<br /> <br /> /* Footer nav */<br /> .footer-nav {<br /> background: var(--surface);<br /> border-top: 1px solid var(--border-light);<br /> padding: 0.5rem 1rem;<br /> display: flex;<br /> justify-content: center;<br /> gap: 1.5rem;<br /> font-size: 0.82rem;<br /> color: var(--text-light);<br /> }<br /> <br /> .footer-nav a { color: var(--link); }<br /> <br /> /* Special pages list */<br /> .special-list {<br /> list-style: none;<br /> padding: 0;<br /> }<br /> <br /> .special-list li {<br /> padding: 0.4rem 0;<br /> border-bottom: 1px dotted var(--border-light);<br /> }<br /> <br /> .special-list li:last-child { border-bottom: none; }<br /> <br /> .special-list a {<br /> font-weight: 500;<br /> }<br /> <br /> .special-list .desc {<br /> color: var(--text-muted);<br /> font-size: 0.88rem;<br /> margin-right: 0.5rem;<br /> }<br /> <br /> /* Responsive */<br /> @media (max-width: 900px) {<br /> .wiki-sidebar { display: none; }<br /> .header-search input { width: 180px; }<br /> .article-body { padding: 1rem; }<br /> .infobox { float: none; width: 100%; margin: 0 0 1rem; }<br /> }<br /> &lt;/style&gt;<br /> &lt;/head&gt;<br /> &lt;body&gt;<br /> <br /> &lt;!-- Personal Toolbar --&gt;<br /> &lt;div class=&quot;personal-bar&quot;&gt;<br /> &lt;span&gt;👤 کاربر مهمان&lt;/span&gt;<br /> &lt;a href=&quot;#&quot; onclick=&quot;openCreateModal(); return false;&quot;&gt;صفحه جدید&lt;/a&gt;<br /> &lt;a href=&quot;#&quot; onclick=&quot;showAllPages(); return false;&quot;&gt;همه صفحات&lt;/a&gt;<br /> &lt;a href=&quot;#&quot; onclick=&quot;exportData(); return false;&quot;&gt;خروجی JSON&lt;/a&gt;<br /> &lt;a href=&quot;#&quot; onclick=&quot;importData(); return false;&quot;&gt;ورودی JSON&lt;/a&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- Header --&gt;<br /> &lt;header class=&quot;wiki-header&quot;&gt;<br /> &lt;div class=&quot;wiki-logo&quot;&gt;<br /> &lt;div class=&quot;wiki-logo-icon&quot;&gt;W&lt;/div&gt;<br /> &lt;h1&gt;&lt;span&gt;ویکی&lt;/span&gt; شخصی من&lt;/h1&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;header-search&quot;&gt;<br /> &lt;input type=&quot;text&quot; id=&quot;globalSearch&quot; placeholder=&quot;جستجو...&quot; oninput=&quot;searchPages()&quot;&gt;<br /> &lt;button onclick=&quot;searchPages()&quot;&gt;جستجو&lt;/button&gt;<br /> &lt;/div&gt;<br /> &lt;/header&gt;<br /> <br /> &lt;!-- Body --&gt;<br /> &lt;div class=&quot;wiki-body&quot;&gt;<br /> &lt;!-- Sidebar --&gt;<br /> &lt;nav class=&quot;wiki-sidebar&quot; id=&quot;sidebar&quot;&gt;<br /> &lt;div class=&quot;sidebar-section&quot;&gt;<br /> &lt;h4&gt;ابزارها&lt;/h4&gt;<br /> &lt;div class=&quot;sidebar-search&quot;&gt;<br /> &lt;input type=&quot;text&quot; id=&quot;sidebarSearch&quot; placeholder=&quot;جستجو در صفحات...&quot; oninput=&quot;searchPages()&quot;&gt;<br /> &lt;button onclick=&quot;searchPages()&quot;&gt;برو&lt;/button&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;sidebar-section&quot;&gt;<br /> &lt;h4&gt;ناوبری&lt;/h4&gt;<br /> &lt;ul id=&quot;navPages&quot;&gt;<br /> &lt;li&gt;&lt;a href=&quot;#&quot; class=&quot;active-page&quot; onclick=&quot;showMainPage(); return false;&quot;&gt;صفحه اصلی&lt;/a&gt;&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;sidebar-section&quot;&gt;<br /> &lt;h4&gt;صفحات ویژه&lt;/h4&gt;<br /> &lt;ul&gt;<br /> &lt;li&gt;&lt;a href=&quot;#&quot; onclick=&quot;showAllPages(); return false;&quot;&gt;همه صفحات&lt;/a&gt;&lt;/li&gt;<br /> &lt;li&gt;&lt;a href=&quot;#&quot; onclick=&quot;openCreateModal(); return false;&quot;&gt;ایجاد صفحه جدید&lt;/a&gt;&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;sidebar-section&quot; id=&quot;categorySidebar&quot;&gt;<br /> &lt;h4&gt;رده‌ها&lt;/h4&gt;<br /> &lt;ul id=&quot;categoryList&quot;&gt;&lt;/ul&gt;<br /> &lt;/div&gt;<br /> &lt;/nav&gt;<br /> <br /> &lt;!-- Content --&gt;<br /> &lt;div class=&quot;wiki-content&quot;&gt;<br /> &lt;div class=&quot;content-tabs&quot; id=&quot;contentTabs&quot;&gt;<br /> &lt;button class=&quot;content-tab active&quot; id=&quot;tab-read&quot; onclick=&quot;switchTab('read')&quot;&gt;&lt;strong&gt;خواندن&lt;/strong&gt;&lt;/button&gt;<br /> &lt;button class=&quot;content-tab&quot; id=&quot;tab-edit&quot; onclick=&quot;switchTab('edit')&quot;&gt;&lt;strong&gt;ویرایش&lt;/strong&gt;&lt;/button&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- Read View --&gt;<br /> &lt;div class=&quot;article-body&quot; id=&quot;readView&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;!-- Edit View (hidden) --&gt;<br /> &lt;div class=&quot;article-body&quot; id=&quot;editView&quot; style=&quot;display:none;&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;!-- Footer --&gt;<br /> &lt;div class=&quot;page-footer&quot;&gt;<br /> صفحه آخرین بار در &lt;span id=&quot;footerDate&quot;&gt;&lt;/span&gt; ویرایش شده است.<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- Bottom nav --&gt;<br /> &lt;div class=&quot;footer-nav&quot;&gt;<br /> &lt;a href=&quot;#&quot; onclick=&quot;showMainPage(); return false;&quot;&gt;صفحه اصلی&lt;/a&gt;<br /> &lt;span&gt;•&lt;/span&gt;<br /> &lt;a href=&quot;#&quot; onclick=&quot;showAllPages(); return false;&quot;&gt;فهرست صفحات&lt;/a&gt;<br /> &lt;span&gt;•&lt;/span&gt;<br /> &lt;a href=&quot;#&quot; onclick=&quot;openCreateModal(); return false;&quot;&gt;صفحه جدید&lt;/a&gt;<br /> &lt;span&gt;•&lt;/span&gt;<br /> &lt;span&gt;ذخیره شده در مرورگر شما ❤️&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- Create/Edit Modal --&gt;<br /> &lt;div class=&quot;modal-overlay&quot; id=&quot;editorModal&quot;&gt;<br /> &lt;div class=&quot;modal&quot;&gt;<br /> &lt;div class=&quot;modal-header&quot;&gt;<br /> &lt;h3 id=&quot;modalTitle&quot;&gt;ایجاد صفحه جدید&lt;/h3&gt;<br /> &lt;button class=&quot;btn-cancel&quot; onclick=&quot;closeModal('editorModal')&quot; style=&quot;border:none;background:none;font-size:1.2rem;cursor:pointer;&quot;&gt;✕&lt;/button&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;modal-body&quot;&gt;<br /> &lt;div class=&quot;form-group&quot;&gt;<br /> &lt;label&gt;نام صفحه (عنوان)&lt;/label&gt;<br /> &lt;input type=&quot;text&quot; id=&quot;pageTitle&quot; placeholder=&quot;مثال: React Hooks&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;form-group&quot;&gt;<br /> &lt;label&gt;رده (دسته‌بندی)&lt;/label&gt;<br /> &lt;input type=&quot;text&quot; id=&quot;pageCategory&quot; placeholder=&quot;مثال: برنامه‌نویسی، طراحی، یادداشت&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;form-group&quot;&gt;<br /> &lt;label&gt;محتوای ویکی (Wiki markup ساده)&lt;/label&gt;<br /> &lt;textarea id=&quot;pageContent&quot; placeholder=&quot;== عنوان بخش ==&amp;#10;&amp;#10;متن مقاله اینجا...&amp;#10;&amp;#10;=== زیرعنوان ===&amp;#10;&amp;#10;* مورد اول&amp;#10;* مورد دوم&amp;#10;&amp;#10;{{یادآوری|متن مهم}}&amp;#10;&amp;#10;[[پیوند به صفحه دیگر]]&amp;#10;&amp;#10;---&quot;&gt;&lt;/textarea&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;modal-actions&quot;&gt;<br /> &lt;button class=&quot;btn-save&quot; onclick=&quot;savePage()&quot;&gt;ذخیره صفحه&lt;/button&gt;<br /> &lt;button class=&quot;btn-cancel&quot; onclick=&quot;closeModal('editorModal')&quot;&gt;لغو&lt;/button&gt;<br /> &lt;button class=&quot;btn-delete&quot; id=&quot;modalDeleteBtn&quot; style=&quot;display:none;&quot; onclick=&quot;deleteCurrentPage()&quot;&gt;حذف صفحه&lt;/button&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;!-- Hidden file input for import --&gt;<br /> &lt;input type=&quot;file&quot; id=&quot;importInput&quot; accept=&quot;.json&quot; style=&quot;display:none;&quot; onchange=&quot;handleImport(event)&quot;&gt;<br /> <br /> &lt;script&gt;<br /> // ===== Data Layer =====<br /> let pages = JSON.parse(localStorage.getItem('mediawiki_pages') || '[]');<br /> let currentPageId = null;<br /> let editingPageId = null;<br /> <br /> function save() {<br /> localStorage.setItem('mediawiki_pages', JSON.stringify(pages));<br /> }<br /> <br /> function genId() {<br /> return Date.now().toString(36) + Math.random().toString(36).slice(2, 7);<br /> }<br /> <br /> function getPageBySlug(slug) {<br /> return pages.find(p =&gt; p.slug === slug);<br /> }<br /> <br /> function slugify(text) {<br /> return text.trim().replace(/\s+/g, '-').replace(/[^\w\-\u0600-\u06FF]/g, '').toLowerCase();<br /> }<br /> <br /> // ===== Wiki Markup Parser =====<br /> function parseWikiMarkup(text) {<br /> let html = text;<br /> <br /> // Escape HTML first<br /> html = html.replace(/&amp;/g, '&amp;amp;').replace(/&lt;/g, '&amp;lt;').replace(/&gt;/g, '&amp;gt;');<br /> <br /> // Headings: == Title == → &lt;h2&gt;, === Title === → &lt;h3&gt;, etc.<br /> html = html.replace(/^======\s*(.+?)\s*======/gm, '&lt;h5&gt;$1&lt;/h5&gt;');<br /> html = html.replace(/^=====\s*(.+?)\s*=====/gm, '&lt;h4&gt;$1&lt;/h4&gt;');<br /> html = html.replace(/^====\s*(.+?)\s*====/gm, '&lt;h4&gt;$1&lt;/h4&gt;');<br /> html = html.replace(/^===\s*(.+?)\s*===/gm, '&lt;h3&gt;$1&lt;/h3&gt;');<br /> html = html.replace(/^==\s*(.+?)\s*==/gm, '&lt;/div&gt;&lt;div class=&quot;wiki-heading&quot;&gt;&lt;h2&gt;$1&lt;/h2&gt;&lt;/div&gt;&lt;div class=&quot;wiki-para&quot;&gt;');<br /> <br /> // Bold &amp; Italic<br /> html = html.replace(/'{5}(.+?)'{5}/g, '&lt;b&gt;&lt;i&gt;$1&lt;/i&gt;&lt;/b&gt;');<br /> html = html.replace(/'{3}(.+?)'{3}/g, '&lt;b&gt;$1&lt;/b&gt;');<br /> html = html.replace(/'{2}(.+?)'{2}/g, '&lt;i&gt;$1&lt;/i&gt;');<br /> <br /> // Internal links: [[Page Name]] or [[Page Name|display text]]<br /> html = html.replace(/\[\[([^\]|]+)\|([^\]]+)\]\]/g, '&lt;a href=&quot;#&quot; onclick=&quot;navigateToPage(\'$1\'); return false;&quot; class=&quot;wiki-link&quot;&gt;$2&lt;/a&gt;');<br /> html = html.replace(/\[\[([^\]]+)\]\]/g, '&lt;a href=&quot;#&quot; onclick=&quot;navigateToPage(\'$1\'); return false;&quot; class=&quot;wiki-link&quot;&gt;$1&lt;/a&gt;');<br /> <br /> // External links: [http://... text]<br /> html = html.replace(/\[(https?:\/\/[^\s]+)\s+([^\]]+)\]/g, '&lt;a href=&quot;$1&quot; target=&quot;_blank&quot;&gt;$2&lt;/a&gt;');<br /> // Bare external: [http://...]<br /> html = html.replace(/\[(https?:\/\/[^\s]+)\]/g, '&lt;a href=&quot;$1&quot; target=&quot;_blank&quot;&gt;$1&lt;/a&gt;');<br /> <br /> // Templates: {{یادآوری|text}} or {{tip|text}}<br /> html = html.replace(/\{\{یادآوری\|(.+?)\}\}/g, '&lt;div class=&quot;ambox&quot;&gt;&lt;span class=&quot;ambox-icon&quot;&gt;💡&lt;/span&gt;&lt;span&gt;$1&lt;/span&gt;&lt;/div&gt;');<br /> html = html.replace(/\{\{tip\|(.+?)\}\}/g, '&lt;div class=&quot;ambox&quot;&gt;&lt;span class=&quot;ambox-icon&quot;&gt;✅&lt;/span&gt;&lt;span&gt;$1&lt;/span&gt;&lt;/div&gt;');<br /> html = html.replace(/\{\{هشدار\|(.+?)\}\}/g, '&lt;div class=&quot;ambox&quot; style=&quot;border-color:var(--danger);&quot;&gt;&lt;span class=&quot;ambox-icon&quot;&gt;⚠️&lt;/span&gt;&lt;span&gt;$1&lt;/span&gt;&lt;/div&gt;');<br /> html = html.replace(/\{\{note\|(.+?)\}\}/g, '&lt;div class=&quot;ambox&quot;&gt;&lt;span class=&quot;ambox-icon&quot;&gt;📝&lt;/span&gt;&lt;span&gt;$1&lt;/span&gt;&lt;/div&gt;');<br /> <br /> // Code blocks: &lt;code&gt;...&lt;/code&gt; or indented lines<br /> html = html.replace(/&lt;code&gt;([\s\S]*?)&lt;\/code&gt;/g, '&lt;pre&gt;&lt;code&gt;$1&lt;/code&gt;&lt;/pre&gt;');<br /> <br /> // Blockquote: lines starting with :<br /> html = html.replace(/^:\s*(.+)$/gm, '&lt;blockquote&gt;$1&lt;/blockquote&gt;');<br /> <br /> // Horizontal rule: ----<br /> html = html.replace(/^----+$/gm, '&lt;hr style=&quot;border:none;border-top:1px solid var(--border-light);margin:1rem 0;&quot;&gt;');<br /> <br /> // Unordered lists<br /> html = html.replace(/^\* (.+)$/gm, '&lt;li style=&quot;list-style:disc;margin-right:1.5rem;&quot;&gt;$1&lt;/li&gt;');<br /> <br /> // Ordered lists<br /> html = html.replace(/^# (.+)$/gm, '&lt;li style=&quot;list-style:decimal;margin-right:1.5rem;&quot;&gt;$1&lt;/li&gt;');<br /> <br /> // Wrap consecutive &lt;li&gt; in &lt;ul&gt;<br /> html = html.replace(/(&lt;li[^&gt;]*&gt;.*?&lt;\/li&gt;\n?)+/g, (match) =&gt; {<br /> if (match.includes('list-style:decimal')) return '&lt;ol style=&quot;margin:0.5rem 0;&quot;&gt;' + match + '&lt;/ol&gt;';<br /> return '&lt;ul style=&quot;margin:0.5rem 0;&quot;&gt;' + match + '&lt;/ul&gt;';<br /> });<br /> <br /> // Line breaks: double newline = paragraph<br /> html = html.replace(/\n\n+/g, '&lt;/p&gt;&lt;p&gt;');<br /> html = html.replace(/\n/g, '&lt;br&gt;');<br /> <br /> // Wrap in paragraphs<br /> html = '&lt;div class=&quot;wiki-para&quot;&gt;&lt;p&gt;' + html + '&lt;/p&gt;&lt;/div&gt;';<br /> <br /> // Remove empty paragraphs<br /> html = html.replace(/&lt;p&gt;&lt;\/p&gt;/g, '');<br /> html = html.replace(/&lt;p&gt;\s*&lt;\/p&gt;/g, '');<br /> <br /> return html;<br /> }<br /> <br /> // ===== Rendering =====<br /> function showMainPage() {<br /> currentPageId = null;<br /> updateSidebarActive('صفحه اصلی');<br /> <br /> const defaultContent = pages.length === 0<br /> ? getWelcomeContent()<br /> : getRecentChangesContent();<br /> <br /> document.getElementById('readView').innerHTML = defaultContent;<br /> document.getElementById('tab-read').click();<br /> document.getElementById('footerDate').textContent = formatDate(new Date().toISOString());<br /> window.scrollTo(0, 0);<br /> }<br /> <br /> function getWelcomeContent() {<br /> return `<br /> &lt;h1 class=&quot;article-title&quot;&gt;صفحه اصلی&lt;/h1&gt;<br /> &lt;div class=&quot;ambox&quot;&gt;<br /> &lt;span class=&quot;ambox-icon&quot;&gt;📖&lt;/span&gt;<br /> &lt;span&gt;به ویکی شخصی خود خوش آمدید! اینجا می‌توانید هر چیزی که یاد می‌گیرید را ذخیره کنید.&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;h2 style=&quot;font-weight:400;font-size:1.4rem;margin:1.5rem 0 0.5rem;border-bottom:1px solid var(--border-light);padding-bottom:0.2rem;&quot;&gt;نحوه استفاده&lt;/h2&gt;<br /> &lt;p&gt;برای شروع کار با این ویکی، از امکانات زیر استفاده کنید:&lt;/p&gt;<br /> &lt;ul style=&quot;margin:0.5rem 0 1rem 2rem;&quot;&gt;<br /> &lt;li&gt;&lt;b&gt;ایجاد صفحه جدید:&lt;/b&gt; از لینک «صفحه جدید» در بالای صفحه استفاده کنید.&lt;/li&gt;<br /> &lt;li&gt;&lt;b&gt;ویرایش صفحه:&lt;/b&gt; روی تب «ویرایش» کلیک کنید.&lt;/li&gt;<br /> &lt;li&gt;&lt;b&gt;پیوند بین صفحات:&lt;/b&gt; از &lt;code&gt;[[نام صفحه]]&lt;/code&gt; استفاده کنید.&lt;/li&gt;<br /> &lt;li&gt;&lt;b&gt;قالب‌بندی:&lt;/b&gt; از &lt;code&gt;== عنوان ==&lt;/code&gt; برای تیتر و &lt;code&gt;'''متن'''&lt;/code&gt; برای بولد استفاده کنید.&lt;/li&gt;<br /> &lt;/ul&gt;<br /> &lt;h2 style=&quot;font-weight:400;font-size:1.4rem;margin:1.5rem 0 0.5rem;border-bottom:1px solid var(--border-light);padding-bottom:0.2rem;&quot;&gt;شروع کنید&lt;/h2&gt;<br /> &lt;p&gt;اکنون &lt;a href=&quot;#&quot; onclick=&quot;openCreateModal(); return false;&quot;&gt;&lt;b&gt;اولین صفحه خود را بسازید&lt;/b&gt;&lt;/a&gt; و شروع به یادداشت کنید!&lt;/p&gt;<br /> &lt;h2 style=&quot;font-weight:400;font-size:1.4rem;margin:1.5rem 0 0.5rem;border-bottom:1px solid var(--border-light);padding-bottom:0.2rem;&quot;&gt;راهنمای Wiki markup&lt;/h2&gt;<br /> &lt;table class=&quot;infobox&quot; style=&quot;width:100%;float:none;&quot;&gt;<br /> &lt;tr&gt;&lt;td class=&quot;infobox-header&quot; colspan=&quot;2&quot;&gt;نمونه‌های قالب‌بندی&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;عنوان بخش&lt;/th&gt;&lt;td&gt;&lt;code&gt;== عنوان ==&lt;/code&gt; یا &lt;code&gt;=== زیرعنوان ===&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;متن بولد&lt;/th&gt;&lt;td&gt;&lt;code&gt;'''متن بولد'''&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;متن ایتالیک&lt;/th&gt;&lt;td&gt;&lt;code&gt;''متن ایتالیک''&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;لیست&lt;/th&gt;&lt;td&gt;&lt;code&gt;* مورد اول&lt;/code&gt; (ترتیبی: &lt;code&gt;# مورد اول&lt;/code&gt;)&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;پیوند داخلی&lt;/th&gt;&lt;td&gt;&lt;code&gt;[[نام صفحه]]&lt;/code&gt; یا &lt;code&gt;[[نام|متن نمایشی]]&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;پیوند خارجی&lt;/th&gt;&lt;td&gt;&lt;code&gt;[https://example.com متن لینک]&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;یادآوری&lt;/th&gt;&lt;td&gt;&lt;code&gt;{{یادآوری|متن مهم}}&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;کد&lt;/th&gt;&lt;td&gt;&lt;code&gt;&amp;lt;code&amp;gt;کد&amp;lt;/code&amp;gt;&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;خط جداکننده&lt;/th&gt;&lt;td&gt;&lt;code&gt;----&lt;/code&gt;&lt;/td&gt;&lt;/tr&gt;<br /> &lt;/table&gt;<br /> &lt;div style=&quot;clear:both;&quot;&gt;&lt;/div&gt;`;<br /> }<br /> <br /> function getRecentChangesContent() {<br /> const sorted = [...pages].sort((a, b) =&gt; new Date(b.updatedAt) - new Date(a.updatedAt));<br /> const recent = sorted.slice(0, 10);<br /> <br /> let html = `<br /> &lt;h1 class=&quot;article-title&quot;&gt;صفحه اصلی&lt;/h1&gt;<br /> &lt;div class=&quot;ambox&quot;&gt;<br /> &lt;span class=&quot;ambox-icon&quot;&gt;🏠&lt;/span&gt;<br /> &lt;span&gt;به ویکی شخصی خود خوش آمدید. &lt;a href=&quot;#&quot; onclick=&quot;openCreateModal(); return false;&quot;&gt;صفحه جدید ایجاد کنید&lt;/a&gt;.&lt;/span&gt;<br /> &lt;/div&gt;<br /> &lt;h2 style=&quot;font-weight:400;font-size:1.4rem;margin:1.5rem 0 0.5rem;border-bottom:1px solid var(--border-light);padding-bottom:0.2rem;&quot;&gt;تغییرات اخیر&lt;/h2&gt;<br /> &lt;p&gt;آخرین صفحات ویرایش شده:&lt;/p&gt;<br /> &lt;table style=&quot;width:100%;border-collapse:collapse;margin:0.5rem 0;&quot;&gt;<br /> &lt;tr style=&quot;background:var(--tab-bg);&quot;&gt;<br /> &lt;th style=&quot;padding:0.4rem 0.6rem;border:1px solid var(--border-light);text-align:right;&quot;&gt;صفحه&lt;/th&gt;<br /> &lt;th style=&quot;padding:0.4rem 0.6rem;border:1px solid var(--border-light);text-align:right;&quot;&gt;رده&lt;/th&gt;<br /> &lt;th style=&quot;padding:0.4rem 0.6rem;border:1px solid var(--border-light);text-align:right;&quot;&gt;آخرین ویرایش&lt;/th&gt;<br /> &lt;/tr&gt;`;<br /> <br /> recent.forEach(p =&gt; {<br /> const cats = p.categories.length &gt; 0 ? p.categories.join(', ') : '—';<br /> html += `<br /> &lt;tr style=&quot;cursor:pointer;&quot; onclick=&quot;navigateToPage('${p.title}')&quot;&gt;<br /> &lt;td style=&quot;padding:0.4rem 0.6rem;border:1px solid var(--border-light);&quot;&gt;&lt;a href=&quot;#&quot; onclick=&quot;event.preventDefault();navigateToPage('${p.title}')&quot;&gt;${escapeHtml(p.title)}&lt;/a&gt;&lt;/td&gt;<br /> &lt;td style=&quot;padding:0.4rem 0.6rem;border:1px solid var(--border-light);color:var(--text-muted);&quot;&gt;${escapeHtml(cats)}&lt;/td&gt;<br /> &lt;td style=&quot;padding:0.4rem 0.6rem;border:1px solid var(--border-light);color:var(--text-light);&quot;&gt;${formatDate(p.updatedAt)}&lt;/td&gt;<br /> &lt;/tr&gt;`;<br /> });<br /> <br /> html += `&lt;/table&gt;`;<br /> <br /> // Stats<br /> html += `<br /> &lt;h2 style=&quot;font-weight:400;font-size:1.4rem;margin:1.5rem 0 0.5rem;border-bottom:1px solid var(--border-light);padding-bottom:0.2rem;&quot;&gt;آمار ویکی&lt;/h2&gt;<br /> &lt;ul style=&quot;margin:0.5rem 0 1rem 2rem;&quot;&gt;<br /> &lt;li&gt;تعداد کل صفحات: &lt;b&gt;${pages.length}&lt;/b&gt;&lt;/li&gt;<br /> &lt;li&gt;تعداد رده‌ها: &lt;b&gt;${new Set(pages.flatMap(p =&gt; p.categories)).size}&lt;/b&gt;&lt;/li&gt;<br /> &lt;li&gt;بزرگ‌ترین صفحه: &lt;b&gt;${pages.length &gt; 0 ? pages.reduce((a, b) =&gt; a.content.length &gt; b.content.length ? a : b).title : '—'}&lt;/b&gt;&lt;/li&gt;<br /> &lt;/ul&gt;`;<br /> <br /> return html;<br /> }<br /> <br /> function showAllPages() {<br /> currentPageId = null;<br /> updateSidebarActive('همه صفحات');<br /> <br /> const sorted = [...pages].sort((a, b) =&gt; a.title.localeCompare(b.title, 'fa'));<br /> <br /> let html = `&lt;h1 class=&quot;article-title&quot;&gt;همه صفحات&lt;/h1&gt;`;<br /> <br /> if (sorted.length === 0) {<br /> html += `<br /> &lt;div class=&quot;ambox&quot;&gt;<br /> &lt;span class=&quot;ambox-icon&quot;&gt;📭&lt;/span&gt;<br /> &lt;span&gt;هنوز هیچ صفحه‌ای وجود ندارد. &lt;a href=&quot;#&quot; onclick=&quot;openCreateModal(); return false;&quot;&gt;اولین صفحه را بسازید&lt;/a&gt;.&lt;/span&gt;<br /> &lt;/div&gt;`;<br /> } else {<br /> html += `&lt;p&gt;تعداد کل صفحات: &lt;b&gt;${sorted.length}&lt;/b&gt;&lt;/p&gt;`;<br /> html += `&lt;ul class=&quot;special-list&quot;&gt;`;<br /> sorted.forEach(p =&gt; {<br /> const catText = p.categories.length &gt; 0 ? ` — ${p.categories.join(', ')}` : '';<br /> html += `&lt;li&gt;&lt;a href=&quot;#&quot; onclick=&quot;navigateToPage('${escapeHtml(p.title)}'); return false;&quot;&gt;${escapeHtml(p.title)}&lt;/a&gt; &lt;span class=&quot;desc&quot;&gt;${catText} (${formatDate(p.updatedAt)})&lt;/span&gt;&lt;/li&gt;`;<br /> });<br /> html += `&lt;/ul&gt;`;<br /> }<br /> <br /> document.getElementById('readView').innerHTML = html;<br /> document.getElementById('tab-read').click();<br /> document.getElementById('footerDate').textContent = formatDate(new Date().toISOString());<br /> window.scrollTo(0, 0);<br /> }<br /> <br /> function navigateToPage(title) {<br /> const page = pages.find(p =&gt; p.title === title || p.slug === slugify(title));<br /> if (page) {<br /> showPage(page.id);<br /> } else {<br /> // Page doesn't exist — offer to create<br /> if (confirm(`صفحه «${title}}» وجود ندارد. آیا می‌خواهید آن را بسازید؟`)) {<br /> editingPageId = null;<br /> document.getElementById('modalTitle').textContent = `ایجاد صفحه: ${title}`;<br /> document.getElementById('pageTitle').value = title;<br /> document.getElementById('pageCategory').value = '';<br /> document.getElementById('pageContent').value = '';<br /> document.getElementById('modalDeleteBtn').style.display = 'none';<br /> document.getElementById('editorModal').classList.add('show');<br /> }<br /> }<br /> }<br /> <br /> function showPage(id) {<br /> const page = pages.find(p =&gt; p.id === id);<br /> if (!page) return showMainPage();<br /> <br /> currentPageId = id;<br /> updateSidebarActive(page.title);<br /> <br /> const parsedContent = parseWikiMarkup(page.content);<br /> <br /> // Build TOC from headings<br /> const headingMatches = page.content.match(/^==+\s*(.+?)\s*==+$/gm) || [];<br /> let tocHtml = '';<br /> if (headingMatches.length &gt;= 2) {<br /> tocHtml = `&lt;div class=&quot;toc&quot;&gt;&lt;div class=&quot;toc-title&quot;&gt;فهرست مطالب &lt;span class=&quot;toc-toggle&quot; onclick=&quot;this.parentElement.querySelector('ol').classList.toggle('hidden');&quot;&gt;[隐蔽]&lt;/span&gt;&lt;/div&gt;&lt;ol&gt;`;<br /> headingMatches.forEach((h, i) =&gt; {<br /> const depth = (h.match(/^=+/) || ['=='])[0].length - 2;<br /> const text = h.replace(/^=+\s*/, '').replace(/\s*=+$/, '');<br /> const indent = depth &gt; 0 ? `style=&quot;margin-right:${depth * 1.5}rem;&quot;` : '';<br /> tocHtml += `&lt;li ${indent}&gt;&lt;a href=&quot;#section-${i}&quot;&gt;${text}&lt;/a&gt;&lt;/li&gt;`;<br /> });<br /> tocHtml += `&lt;/ol&gt;&lt;/div&gt;`;<br /> }<br /> <br /> // Build categories<br /> let catHtml = '';<br /> if (page.categories.length &gt; 0) {<br /> catHtml = `&lt;div class=&quot;catlinks&quot;&gt;&lt;strong&gt;رده‌ها:&lt;/strong&gt; ${page.categories.map(c =&gt; `&lt;a href=&quot;#&quot; onclick=&quot;filterByCategory('${escapeHtml(c)}'); return false;&quot;&gt;${escapeHtml(c)}&lt;/a&gt;`).join(' ')}&lt;/div&gt;`;<br /> }<br /> <br /> // Infobox<br /> const wordCount = page.content.split(/\s+/).length;<br /> const charCount = page.content.length;<br /> <br /> const infobox = `<br /> &lt;div class=&quot;infobox&quot;&gt;<br /> &lt;div class=&quot;infobox-header&quot;&gt;${escapeHtml(page.title)}&lt;/div&gt;<br /> &lt;table&gt;<br /> &lt;tr&gt;&lt;th&gt;تاریخ ایجاد&lt;/th&gt;&lt;td&gt;${formatDate(page.createdAt)}&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;آخرین ویرایش&lt;/th&gt;&lt;td&gt;${formatDate(page.updatedAt)}&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;تعداد کلمات&lt;/th&gt;&lt;td&gt;${wordCount.toLocaleString('fa-IR')}&lt;/td&gt;&lt;/tr&gt;<br /> &lt;tr&gt;&lt;th&gt;تعداد حروف&lt;/th&gt;&lt;td&gt;${charCount.toLocaleString('fa-IR')}&lt;/td&gt;&lt;/tr&gt;<br /> ${page.categories.length &gt; 0 ? `&lt;tr&gt;&lt;th&gt;رده‌ها&lt;/th&gt;&lt;td&gt;${page.categories.join('، ')}&lt;/td&gt;&lt;/tr&gt;` : ''}<br /> &lt;/table&gt;<br /> &lt;/div&gt;`;<br /> <br /> // Assemble<br /> let fullHtml = `&lt;h1 class=&quot;article-title&quot;&gt;${escapeHtml(page.title)}&lt;/h1&gt;`;<br /> fullHtml += infobox;<br /> fullHtml += tocHtml;<br /> fullHtml += parsedContent;<br /> fullHtml += `&lt;div style=&quot;clear:both;&quot;&gt;&lt;/div&gt;`;<br /> fullHtml += catHtml;<br /> <br /> // See also — links to other pages<br /> const otherPages = pages.filter(p =&gt; p.id !== page.id).slice(0, 5);<br /> if (otherPages.length &gt; 0) {<br /> fullHtml += `&lt;h2 style=&quot;font-weight:400;font-size:1.3rem;margin:1.5rem 0 0.5rem;border-bottom:1px solid var(--border-light);padding-bottom:0.2rem;&quot;&gt;همچنین ببینید&lt;/h2&gt;`;<br /> fullHtml += `&lt;ul style=&quot;margin:0.5rem 0;&quot;&gt;`;<br /> otherPages.forEach(p =&gt; {<br /> fullHtml += `&lt;li&gt;&lt;a href=&quot;#&quot; onclick=&quot;navigateToPage('${escapeHtml(p.title)}'); return false;&quot;&gt;${escapeHtml(p.title)}&lt;/a&gt;&lt;/li&gt;`;<br /> });<br /> fullHtml += `&lt;/ul&gt;`;<br /> }<br /> <br /> document.getElementById('readView').innerHTML = fullHtml;<br /> document.getElementById('tab-read').click();<br /> document.getElementById('footerDate').textContent = formatDate(page.updatedAt);<br /> window.scrollTo(0, 0);<br /> <br /> updateSidebar();<br /> }<br /> <br /> function renderEditView(id) {<br /> const page = id ? pages.find(p =&gt; p.id === id) : null;<br /> <br /> let html = `&lt;h1 class=&quot;article-title&quot; style=&quot;margin-bottom:1rem;&quot;&gt;${page ? 'ویرایش: ' + escapeHtml(page.title) : 'ایجاد صفحه جدید'}&lt;/h1&gt;`;<br /> <br /> html += `<br /> &lt;div style=&quot;background:var(--toc-bg);border:1px solid var(--border-light);padding:0.8rem;margin-bottom:1rem;font-size:0.88rem;&quot;&gt;<br /> &lt;b&gt;راهنمای سریع Wiki markup:&lt;/b&gt;&lt;br&gt;<br /> &lt;code&gt;== عنوان ==&lt;/code&gt; · &lt;code&gt;'''بولد'''&lt;/code&gt; · &lt;code&gt;''ایتالیک''&lt;/code&gt; · &lt;code&gt;[[پیوند]]&lt;/code&gt; · &lt;code&gt;{{یادآوری|متن}}&lt;/code&gt; · &lt;code&gt;* لیست&lt;/code&gt; · &lt;code&gt;&amp;lt;code&amp;gt;kod&amp;lt;/code&amp;gt;&lt;/code&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;form-group&quot;&gt;<br /> &lt;label&gt;عنوان صفحه&lt;/label&gt;<br /> &lt;input type=&quot;text&quot; id=&quot;editTitle&quot; value=&quot;${page ? escapeHtml(page.title) : ''}&quot; placeholder=&quot;عنوان صفحه&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;form-group&quot;&gt;<br /> &lt;label&gt;رده‌ها (با کاما جدا کنید)&lt;/label&gt;<br /> &lt;input type=&quot;text&quot; id=&quot;editCategories&quot; value=&quot;${page ? page.categories.join(', ') : ''}&quot; placeholder=&quot;برنامه‌نویسی, یادداشت&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;form-group&quot;&gt;<br /> &lt;label&gt;محتوا&lt;/label&gt;<br /> &lt;textarea id=&quot;editContent&quot; placeholder=&quot;محتوای صفحه را اینجا بنویسید...&quot;&gt;${page ? page.content : ''}&lt;/textarea&gt;<br /> &lt;/div&gt;<br /> &lt;div style=&quot;display:flex;gap:0.5rem;&quot;&gt;<br /> &lt;button class=&quot;btn-save&quot; onclick=&quot;saveFromEditor(${id ? `'${id}'` : 'null'})&quot;&gt;ذخیره صفحه&lt;/button&gt;<br /> &lt;button class=&quot;btn-cancel&quot; onclick=&quot;cancelEdit()&quot;&gt;لغو&lt;/button&gt;<br /> ${page ? `&lt;button class=&quot;btn-delete&quot; onclick=&quot;deletePage('${id}')&quot;&gt;حذف صفحه&lt;/button&gt;` : ''}<br /> &lt;/div&gt;`;<br /> <br /> document.getElementById('editView').innerHTML = html;<br /> }<br /> <br /> function switchTab(tab) {<br /> if (tab === 'read') {<br /> document.getElementById('tab-read').classList.add('active');<br /> document.getElementById('tab-edit').classList.remove('active');<br /> document.getElementById('readView').style.display = '';<br /> document.getElementById('editView').style.display = 'none';<br /> } else {<br /> document.getElementById('tab-edit').classList.add('active');<br /> document.getElementById('tab-read').classList.remove('active');<br /> document.getElementById('readView').style.display = 'none';<br /> document.getElementById('editView').style.display = '';<br /> renderEditView(currentPageId);<br /> }<br /> }<br /> <br /> function cancelEdit() {<br /> if (currentPageId) {<br /> switchTab('read');<br /> } else {<br /> showMainPage();<br /> }<br /> }<br /> <br /> function saveFromEditor(id) {<br /> const title = document.getElementById('editTitle').value.trim();<br /> const cats = document.getElementById('editCategories').value.split(',').map(c =&gt; c.trim()).filter(Boolean);<br /> const content = document.getElementById('editContent').value;<br /> <br /> if (!title) { document.getElementById('editTitle').focus(); return; }<br /> if (!content) { document.getElementById('editContent').focus(); return; }<br /> <br /> if (id) {<br /> const page = pages.find(p =&gt; p.id === id);<br /> if (page) {<br /> page.title = title;<br /> page.slug = slugify(title);<br /> page.categories = cats;<br /> page.content = content;<br /> page.updatedAt = new Date().toISOString();<br /> }<br /> } else {<br /> const newPage = {<br /> id: genId(),<br /> title,<br /> slug: slugify(title),<br /> categories: cats,<br /> content,<br /> createdAt: new Date().toISOString(),<br /> updatedAt: new Date().toISOString(),<br /> };<br /> pages.push(newPage);<br /> currentPageId = newPage.id;<br /> }<br /> <br /> save();<br /> showPage(currentPageId);<br /> updateSidebar();<br /> }<br /> <br /> // ===== Modal helpers =====<br /> function openCreateModal() {<br /> editingPageId = null;<br /> document.getElementById('modalTitle').textContent = 'ایجاد صفحه جدید';<br /> document.getElementById('pageTitle').value = '';<br /> document.getElementById('pageCategory').value = '';<br /> document.getElementById('pageContent').value = '';<br /> document.getElementById('modalDeleteBtn').style.display = 'none';<br /> document.getElementById('editorModal').classList.add('show');<br /> document.getElementById('pageTitle').focus();<br /> }<br /> <br /> function savePage() {<br /> const title = document.getElementById('pageTitle').value.trim();<br /> const cats = document.getElementById('pageCategory').value.split(',').map(c =&gt; c.trim()).filter(Boolean);<br /> const content = document.getElementById('pageContent').value;<br /> <br /> if (!title) { document.getElementById('pageTitle').focus(); return; }<br /> if (!content) { document.getElementById('pageContent').focus(); return; }<br /> <br /> const newPage = {<br /> id: genId(),<br /> title,<br /> slug: slugify(title),<br /> categories: cats,<br /> content,<br /> createdAt: new Date().toISOString(),<br /> updatedAt: new Date().toISOString(),<br /> };<br /> <br /> pages.push(newPage);<br /> save();<br /> closeModal('editorModal');<br /> currentPageId = newPage.id;<br /> showPage(newPage.id);<br /> updateSidebar();<br /> }<br /> <br /> function deletePage(id) {<br /> if (!confirm('آیا مطمئن هستید که می‌خواهید این صفحه را حذف کنید؟')) return;<br /> pages = pages.filter(p =&gt; p.id !== id);<br /> save();<br /> currentPageId = null;<br /> showMainPage();<br /> updateSidebar();<br /> }<br /> <br /> function deleteCurrentPage() {<br /> if (currentPageId) deletePage(currentPageId);<br /> }<br /> <br /> function closeModal(id) {<br /> document.getElementById(id).classList.remove('show');<br /> }<br /> <br /> // ===== Sidebar =====<br /> function updateSidebar() {<br /> const navPages = document.getElementById('navPages');<br /> const sorted = [...pages].sort((a, b) =&gt; b.updatedAt.localeCompare(a.updatedAt));<br /> const recent = sorted.slice(0, 8);<br /> <br /> let html = `&lt;li&gt;&lt;a href=&quot;#&quot; class=&quot;${!currentPageId ? 'active-page' : ''}&quot; onclick=&quot;showMainPage(); return false;&quot;&gt;صفحه اصلی&lt;/a&gt;&lt;/li&gt;`;<br /> recent.forEach(p =&gt; {<br /> html += `&lt;li&gt;&lt;a href=&quot;#&quot; class=&quot;${currentPageId === p.id ? 'active-page' : ''}&quot; onclick=&quot;navigateToPage('${escapeHtml(p.title)}'); return false;&quot;&gt;${escapeHtml(p.title)}&lt;/a&gt;&lt;/li&gt;`;<br /> });<br /> navPages.innerHTML = html;<br /> <br /> // Categories<br /> const allCats = [...new Set(pages.flatMap(p =&gt; p.categories))].sort();<br /> const catList = document.getElementById('categoryList');<br /> catList.innerHTML = allCats.map(c =&gt;<br /> `&lt;li&gt;&lt;a href=&quot;#&quot; onclick=&quot;filterByCategory('${escapeHtml(c)}'); return false;&quot;&gt;${escapeHtml(c)}&lt;/a&gt;&lt;/li&gt;`<br /> ).join('');<br /> }<br /> <br /> function updateSidebarActive(title) {<br /> document.querySelectorAll('.sidebar-section li a').forEach(a =&gt; {<br /> a.classList.remove('active-page');<br /> if (a.textContent.trim() === title) a.classList.add('active-page');<br /> });<br /> }<br /> <br /> function filterByCategory(cat) {<br /> const matching = pages.filter(p =&gt; p.categories.includes(cat));<br /> let html = `&lt;h1 class=&quot;article-title&quot;&gt;رده: ${escapeHtml(cat)}&lt;/h1&gt;`;<br /> html += `&lt;p&gt;تعداد صفحات در این رده: &lt;b&gt;${matching.length}&lt;/b&gt;&lt;/p&gt;`;<br /> <br /> if (matching.length &gt; 0) {<br /> html += `&lt;ul class=&quot;special-list&quot;&gt;`;<br /> matching.forEach(p =&gt; {<br /> html += `&lt;li&gt;&lt;a href=&quot;#&quot; onclick=&quot;navigateToPage('${escapeHtml(p.title)}'); return false;&quot;&gt;${escapeHtml(p.title)}&lt;/a&gt; &lt;span class=&quot;desc&quot;&gt;(${formatDate(p.updatedAt)})&lt;/span&gt;&lt;/li&gt;`;<br /> });<br /> html += `&lt;/ul&gt;`;<br /> }<br /> <br /> document.getElementById('readView').innerHTML = html;<br /> document.getElementById('tab-read').click();<br /> window.scrollTo(0, 0);<br /> }<br /> <br /> // ===== Search =====<br /> function searchPages() {<br /> const query = document.getElementById('globalSearch').value.trim().toLowerCase() ||<br /> document.getElementById('sidebarSearch').value.trim().toLowerCase();<br /> <br /> if (!query) {<br /> if (currentPageId) return showPage(currentPageId);<br /> return showMainPage();<br /> }<br /> <br /> const results = pages.filter(p =&gt;<br /> p.title.toLowerCase().includes(query) ||<br /> p.content.toLowerCase().includes(query) ||<br /> p.categories.some(c =&gt; c.toLowerCase().includes(query))<br /> );<br /> <br /> let html = `&lt;h1 class=&quot;article-title&quot;&gt;نتایج جستجو: «${escapeHtml(query)}»&lt;/h1&gt;`;<br /> html += `&lt;p&gt;${results.length} نتیجه یافت شد.&lt;/p&gt;`;<br /> <br /> if (results.length &gt; 0) {<br /> html += `&lt;ul class=&quot;special-list&quot;&gt;`;<br /> results.forEach(p =&gt; {<br /> // Show context snippet<br /> const idx = p.content.toLowerCase().indexOf(query);<br /> let snippet = '';<br /> if (idx !== -1) {<br /> const start = Math.max(0, idx - 40);<br /> const end = Math.min(p.content.length, idx + query.length + 60);<br /> snippet = (start &gt; 0 ? '...' : '') + p.content.substring(start, end) + (end &lt; p.content.length ? '...' : '');<br /> }<br /> html += `&lt;li&gt;&lt;a href=&quot;#&quot; onclick=&quot;navigateToPage('${escapeHtml(p.title)}'); return false;&quot;&gt;${escapeHtml(p.title)}&lt;/a&gt;`;<br /> if (snippet) html += `&lt;br&gt;&lt;span class=&quot;desc&quot;&gt;${escapeHtml(snippet)}&lt;/span&gt;`;<br /> html += `&lt;/li&gt;`;<br /> });<br /> html += `&lt;/ul&gt;`;<br /> }<br /> <br /> document.getElementById('readView').innerHTML = html;<br /> document.getElementById('tab-read').click();<br /> window.scrollTo(0, 0);<br /> }<br /> <br /> // ===== Import/Export =====<br /> function exportData() {<br /> const data = JSON.stringify(pages, null, 2);<br /> const blob = new Blob([data], { type: 'application/json' });<br /> const url = URL.createObjectURL(blob);<br /> const a = document.createElement('a');<br /> a.href = url;<br /> a.download = `wiki-backup-${new Date().toISOString().slice(0, 10)}.json`;<br /> a.click();<br /> URL.revokeObjectURL(url);<br /> }<br /> <br /> function importData() {<br /> document.getElementById('importInput').click();<br /> }<br /> <br /> function handleImport(event) {<br /> const file = event.target.files[0];<br /> if (!file) return;<br /> const reader = new FileReader();<br /> reader.onload = (e) =&gt; {<br /> try {<br /> const data = JSON.parse(e.target.result);<br /> if (!Array.isArray(data)) throw new Error('Invalid format');<br /> if (confirm(`آیا می‌خواهید ${data.length} صفحه را وارد کنید؟ (صفحات فعلی حفظ می‌شوند)`)) {<br /> data.forEach(p =&gt; {<br /> if (p.title &amp;&amp; p.content) {<br /> pages.push({<br /> id: p.id || genId(),<br /> title: p.title,<br /> slug: p.slug || slugify(p.title),<br /> categories: p.categories || [],<br /> content: p.content,<br /> createdAt: p.createdAt || new Date().toISOString(),<br /> updatedAt: p.updatedAt || new Date().toISOString(),<br /> });<br /> }<br /> });<br /> save();<br /> showMainPage();<br /> updateSidebar();<br /> alert(`${data.length} صفحه با موفقیت وارد شد.`);<br /> }<br /> } catch (err) {<br /> alert('خطا در خواندن فایل. لطفاً فایل JSON معتبر وارد کنید.');<br /> }<br /> };<br /> reader.readAsText(file);<br /> event.target.value = '';<br /> }<br /> <br /> // ===== Helpers =====<br /> function formatDate(iso) {<br /> if (!iso) return '—';<br /> return new Date(iso).toLocaleDateString('fa-IR', { year: 'numeric', month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' });<br /> }<br /> <br /> function escapeHtml(text) {<br /> const d = document.createElement('div');<br /> d.textContent = text;<br /> return d.innerHTML;<br /> }<br /> <br /> // ===== Keyboard Shortcuts =====<br /> document.addEventListener('keydown', (e) =&gt; {<br /> if (e.key === 'Escape') {<br /> document.querySelectorAll('.modal-overlay.show').forEach(m =&gt; m.classList.remove('show'));<br /> }<br /> if (e.key === 'n' &amp;&amp; (e.ctrlKey || e.metaKey)) {<br /> e.preventDefault();<br /> openCreateModal();<br /> }<br /> });<br /> <br /> // Close modal on overlay click<br /> document.querySelectorAll('.modal-overlay').forEach(o =&gt; {<br /> o.addEventListener('click', (e) =&gt; { if (e.target === o) o.classList.remove('show'); });<br /> });<br /> <br /> // ===== Init =====<br /> updateSidebar();<br /> showMainPage();<br /> &lt;/script&gt;<br /> &lt;/body&gt;<br /> &lt;/html&gt;</div>

Admin