mirror of https://github.com/vuejs/vitepress
docs: image migration guide for vuepress (#799)
parent
fa00c83af4
commit
0d311ffd96
@ -1,3 +1,24 @@
|
|||||||
# Migration from VuePress
|
# Migration from VuePress
|
||||||
|
|
||||||
Coming soon...
|
## Markdown
|
||||||
|
|
||||||
|
### Images
|
||||||
|
|
||||||
|
Unlike VuePress, VitePress handles [`base`](/guide/asset-handling.html#base-url) of your config automatically when you use static image.
|
||||||
|
|
||||||
|
Hence, now you can render images without `img` tag.
|
||||||
|
|
||||||
|
```diff
|
||||||
|
- <img :src="$withBase('/foo.png')" alt="foo">
|
||||||
|
+ 
|
||||||
|
```
|
||||||
|
|
||||||
|
::: warning
|
||||||
|
For dynamic images you still need `withBase` as shown in [Base URL guide](/guide/asset-handling.html#base-url).
|
||||||
|
:::
|
||||||
|
|
||||||
|
Use `<img.*withBase\('(.*)'\).*alt="([^"]*)".*>` regex to find and replace it with `` to replace all the images with `` syntax.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
more to follow...
|
||||||
|
Loading…
Reference in new issue