You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
# 从 VuePress 迁移 {#migration-from-vuepress}
|
|
|
|
|
|
|
|
|
|
## 配置 {#config}
|
|
|
|
|
|
|
|
|
|
### 侧边栏 {#sidebar}
|
|
|
|
|
|
|
|
|
|
侧边栏不再从 frontmatter 中自动获取。你可以自行阅读 [`frontmatter`](https://github.com/vuejs/vitepress/issues/572#issuecomment-1170116225) 来动态填充侧边栏。[迁移工具](https://github.com/vuejs/vitepress/issues/96)将来可能会提供。
|
|
|
|
|
|
|
|
|
|
## Markdown {#markdown}
|
|
|
|
|
|
|
|
|
|
### 图片 {#images}
|
|
|
|
|
|
|
|
|
|
与 VuePress 不同,在使用静态图片时,VitePress 会根据配置自动处理这些 [`base`](./asset-handling#base-url)。
|
|
|
|
|
|
|
|
|
|
因此,现在可以在没有 `img` 标签的情况下渲染图像。
|
|
|
|
|
|
|
|
|
|
```diff
|
|
|
|
|
- <img :src="$withBase('/foo.png')" alt="foo">
|
|
|
|
|
+ ![foo](/foo.png)
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
::: warning
|
|
|
|
|
对于动态图像,仍然需要 `withBase`,如 [Base URL](./asset-handling#base-url) 中所示。
|
|
|
|
|
:::
|
|
|
|
|
|
|
|
|
|
使用 `<img.*withBase\('(.*)'\).*alt="([^"]*)".*>` 正则表达式查找并替换为 `![$2]($1)` 用 `![](...)` 语法替换所有图像。
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
更多请继续关注...
|