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
|
||||
|
||||
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