vitepress/v1/assets/ru_guide_migration-from-vuepress.md.CY9_EqkU.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":"ru/guide/migration-from-vuepress.md","filePath":"ru/guide/migration-from-vuepress.md","lastUpdated":1712554192000}'),o={name:"ru/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>Боковая панель больше не заполняется автоматически из метаданных. Вы можете <a href="https://github.com/vuejs/vitepress/issues/572#issuecomment-1170116225" target="_blank" rel="noreferrer">самостоятельно прочитать вступление</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, VitePress автоматически обрабатывает опцию <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">ПРЕДУПРЕЖДЕНИЕ</p><p>Для динамических изображений вам всё ещё нужно использовать <code>withBase</code>, как показано в <a href="./asset-handling#base-url">Руководстве по базовому URL</a>.</p></div><p>Используйте регулярное выражение <code>&lt;img.*withBase\\(&#39;(.*)&#39;\\).*alt=&quot;([^&quot;]*)&quot;.*&gt;</code> для поиска всех изображений с синтаксисом <code>![](...)</code> и замены на <code>![$2]($1)</code>.</p><hr><p>продолжение следует...</p>`,13)]))}const m=a(o,[["render",i]]);export{u as __pageData,m as default};