如何解决从 VuePress 中的 cutom 组件链接到图像
我想在我的 VuePress 降价文件中显示一个图像。通常,我会选择:
![My Image](./resources/myimg.png)
但是,我想创建一个自定义 Vue 组件,以特定方式设置图像样式。然后,将使用“标准”降价语法(如上)显示一些图像,而使用我的自定义组件显示其他图像。
使用我的自定义组件,我会显示这样的图像:
<MyComponent src="./resources/myimg.png"/>
如您所见,图像与我的降价一起放置在 resources
目录中。这对我来说很有意义,因为图像接近它显示的降价。
不幸的是,当我使用 MyComponent
时没有显示图像。 VuePress(webpack?)在构建期间处理图像并将它们放在其他具有不同名称的目录中。 “标准” Markdown 图像参考工作正常,它的图像 URL 由 VuePress 正确设置。但是,MyComponent
不起作用,因为 src
参数只是 VuePress 的一个字符串,它不会以任何方式转换它。
我知道一种解决方案是将我的图像放在 /vuepress/public
文件夹中。但是,我希望保持与现在相同的组织结构 - 图像和文档。
我怎样才能做到这一点?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。