vitepress/v1/assets/fa_guide_migration-from-vuepress.md.CFK3Wz3Q.js

import{_ as a,c as s,ag as t,o as r}from"./chunks/framework.C1C4sYC0.js";const u=JSON.parse('{"title":"مهاجرت از VuePress","description":"","frontmatter":{},"headers":[],"relativePath":"fa/guide/migration-from-vuepress.md","filePath":"fa/guide/migration-from-vuepress.md","lastUpdated":1736537361000}'),o={name:"fa/guide/migration-from-vuepress.md"};function i(n,e,d,l,c,h){return r(),s("div",null,e[0]||(e[0]=[t(`<h1 id="مهاجرت-از-vuepress" tabindex="-1">مهاجرت از VuePress <a class="header-anchor" href="#مهاجرت-از-vuepress" aria-label="Permalink to &quot;مهاجرت از VuePress&quot;">​</a></h1><h2 id="پیکربندی" tabindex="-1">پیکربندی <a class="header-anchor" href="#پیکربندی" aria-label="Permalink to &quot;پیکربندی&quot;">​</a></h2><h3 id="نوار-کناری" tabindex="-1">نوار کناری <a class="header-anchor" href="#نوار-کناری" aria-label="Permalink to &quot;نوار کناری&quot;">​</a></h3><p>نوار کناری دیگر به طور خودکار از frontmatter پر نمی‌شود. شما می‌توانید <a href="https://github.com/vuejs/vitepress/issues/572#issuecomment-1170116225" target="_blank" rel="noreferrer">frontmatter را خودتان بخوانید</a> تا نوار کناری به طور پویا پر شود. ابزارهای <a href="https://github.com/vuejs/vitepress/issues/96" target="_blank" rel="noreferrer">اضافی برای این منظور</a> ممکن است در آینده ارائه شود.</p><h2 id="markdown" tabindex="-1">Markdown <a class="header-anchor" href="#markdown" aria-label="Permalink to &quot;Markdown&quot;">​</a></h2><h3 id="تصاویر" tabindex="-1">تصاویر <a class="header-anchor" href="#تصاویر" aria-label="Permalink to &quot;تصاویر&quot;">​</a></h3><p>برخلاف VuePress، ویت‌پرس وقتی شما از تصویر استاتیک استفاده می‌کنید، <a href="./asset-handling#base-url"><code>base</code></a> پیکربندی شما را به طور خودکار مدیریت می‌کند.</p><p>بنابراین، اکنون می‌توانید تصاویر را بدون استفاده از تگ <code>img</code> نمایش دهید.</p><div class="language-diff vp-adaptive-theme"><button title="کپی کد" class="copy"></button><span class="lang">diff</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#B31D28;--shiki-dark:#FDAEB7;">- &lt;img :src=&quot;$withBase(&#39;/foo.png&#39;)&quot; alt=&quot;foo&quot;&gt;</span></span>
<span class="line"><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">+ ![foo](/foo.png)</span></span></code></pre></div><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>برای تصاویر پویا، همچنان نیاز به استفاده از <code>withBase</code> به طوری که در <a href="./asset-handling#base-url">راهنمای Base URL</a> نشان داده شده است، دارید.</p></div><p>از عبارت <code>!&lt;img.*withBase\\(&#39;(.*)&#39;\\).*alt=&quot;([^&quot;]*)&quot;.*&gt;</code> برای جستجو و جایگزینی با <code>![$2]($1)</code> استفاده کنید تا تمام تصاویر را با سینتکس <code>![](...)</code> جایگزین کنید.</p><hr><p>ادامه دارد...</p>`,13)]))}const m=a(o,[["render",i]]);export{u as __pageData,m as default};