Skip to content

持久化远程图片

Github

html
 <img  src="http.../test.jpg" />
markdown
  ![test](http.../test.jpg)

编译后

html
 <img  src="assets/xxx.jpg" />

安装

  npm i -D vite-plugin-remote-assets

vite.config.ts

  import RemoteAssets from 'vite-plugin-remote-assets' 
  export default {
    plugins: [
      RemoteAssets()
    ]
  }

在VitePress中使用

  export default defineConfig({
    ... 
    vite:{ 
      plugins:[
        RemoteAssets({ assetsDir:"持久化目录"})
      ]
    }, 
    ...
  })